@usereactify/search 5.1.5 → 5.2.0-beta.1

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 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.2.0-beta.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.2.0-beta.0...beta-v5.2.0-beta.1) (2022-08-10)
+
+
+### Bug Fixes
+
+* improve liquid utilities ([b54a8ca](https://bitbucket.org/usereactify/reactify-search-ui/commit/b54a8caa6c498d3798068fe47527ac5bcde74aca))
+
+## [5.2.0-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.1.6-beta.0...beta-v5.2.0-beta.0) (2022-08-10)
+
+
+### Features
+
+* add utilities for liquid consumers ([e8d738c](https://bitbucket.org/usereactify/reactify-search-ui/commit/e8d738c2a242e4437f05ab0832e86cabed756f75))
+
+### [5.1.6-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.1.4-beta.1...beta-v5.1.6-beta.0) (2022-08-10)
+
+
+### Bug Fixes
+
+* filter searchTerm curations in search mode only ([57b6359](https://bitbucket.org/usereactify/reactify-search-ui/commit/57b6359aabbacce95c724be96df27cdc8d9eb2f4))
+* remove unnecessary check for collectionHandle ([1a634e5](https://bitbucket.org/usereactify/reactify-search-ui/commit/1a634e517fee6a9db8b6deeb43eba7c012070a0a))
+
 ### [5.1.5](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.1.4...release-v5.1.5) (2022-08-09)
 
 

package/dist/package.json

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

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

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

package/dist/src/components/Example/{ExampleFiltersActive.js → ExampleFiltersSelected.js}

@@ -3,21 +3,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleFiltersActive = void 0;
+exports.ExampleFiltersSelected = void 0;
 const react_1 = __importDefault(require("react"));
-const ExampleFiltersActive = (props) => {
-    return (react_1.default.createElement("div", { className: "rs__filter-active" },
-        react_1.default.createElement("h3", { className: "rs__filter-active__name" }, "Filters Active"),
-        react_1.default.createElement("ul", { className: "rs__filter-active__list" }, props.selectedFilters.map((selectedFilter) => (react_1.default.createElement("li", { key: selectedFilter.key, className: "rs__filter-active__list-item" },
-            react_1.default.createElement("label", { className: "rs__filter-active__list-item-label", onClick: () => props.handleRemove(selectedFilter.key) },
-                react_1.default.createElement("span", { className: "rs__filter-active__list-item-label" },
+const ExampleFiltersSelected = (props) => {
+    return (react_1.default.createElement("div", { className: "rs__filters-selected" },
+        react_1.default.createElement("h3", { className: "rs__filters-selected__name" }, "Filters Selected"),
+        react_1.default.createElement("ul", { className: "rs__filters-selected__list" }, props.selectedFilters.map((selectedFilter) => (react_1.default.createElement("li", { key: selectedFilter.key, className: "rs__filters-selected__list-item" },
+            react_1.default.createElement("label", { className: "rs__filters-selected__list-item-label", onClick: () => props.handleRemove(selectedFilter.key) },
+                react_1.default.createElement("span", { className: "rs__filters-selected__list-item-label" },
                     selectedFilter.label,
                     ": "),
-                react_1.default.createElement("span", { className: "rs__filter-active__list-item-value" }, Array.isArray(selectedFilter.value)
+                react_1.default.createElement("span", { className: "rs__filters-selected__list-item-value" }, Array.isArray(selectedFilter.value)
                     ? selectedFilter.value.join(", ")
                     : typeof selectedFilter.value !== "string"
                         ? `${selectedFilter.value.start}-${selectedFilter.value.end}`
                         : selectedFilter.value))))))));
 };
-exports.ExampleFiltersActive = ExampleFiltersActive;
-//# sourceMappingURL=ExampleFiltersActive.js.map
+exports.ExampleFiltersSelected = ExampleFiltersSelected;
+//# sourceMappingURL=ExampleFiltersSelected.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleFiltersSelected.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFiltersSelected.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,sBAAsB,GAA0C,CAC3E,KAAK,EACL,EAAE;IACF,OAAO,CACL,uCAAK,SAAS,EAAC,sBAAsB;QACnC,sCAAI,SAAS,EAAC,4BAA4B,IAAE,kBAAkB,CAAM;QACpE,sCAAI,SAAS,EAAC,4BAA4B,IACvC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAC7C,sCACE,GAAG,EAAE,cAAc,CAAC,GAAG,EACvB,SAAS,EAAC,iCAAiC;YAE3C,yCACE,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC;gBAErD,wCAAM,SAAS,EAAC,uCAAuC;oBACpD,cAAc,CAAC,KAAK;oBACpB,IAAI,CACA;gBACP,wCAAM,SAAS,EAAC,uCAAuC,IACpD,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC;oBAClC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;oBACjC,CAAC,CAAC,OAAO,cAAc,CAAC,KAAK,KAAK,QAAQ;wBAC1C,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,GAAG,EAAE;wBAC7D,CAAC,CAAC,cAAc,CAAC,KAAK,CACnB,CACD,CACL,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,sBAAsB,0BAiCjC","sourcesContent":["import React from \"react\";\n\nimport { FiltersSelectedProps } from \"../../components\";\n\nexport type ExampleFiltersSelectedProps = React.ComponentProps<\n  NonNullable<FiltersSelectedProps[\"render\"]>\n>;\n\nexport const ExampleFiltersSelected: React.FC<ExampleFiltersSelectedProps> = (\n  props\n) => {\n  return (\n    <div className=\"rs__filters-selected\">\n      <h3 className=\"rs__filters-selected__name\">{\"Filters Selected\"}</h3>\n      <ul className=\"rs__filters-selected__list\">\n        {props.selectedFilters.map((selectedFilter) => (\n          <li\n            key={selectedFilter.key}\n            className=\"rs__filters-selected__list-item\"\n          >\n            <label\n              className=\"rs__filters-selected__list-item-label\"\n              onClick={() => props.handleRemove(selectedFilter.key)}\n            >\n              <span className=\"rs__filters-selected__list-item-label\">\n                {selectedFilter.label}\n                {\": \"}\n              </span>\n              <span className=\"rs__filters-selected__list-item-value\">\n                {Array.isArray(selectedFilter.value)\n                  ? selectedFilter.value.join(\", \")\n                  : typeof selectedFilter.value !== \"string\"\n                  ? `${selectedFilter.value.start}-${selectedFilter.value.end}`\n                  : selectedFilter.value}\n              </span>\n            </label>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"]}

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

@@ -4,7 +4,7 @@ export * from "./ExampleFilterList";
 export * from "./ExampleFilterRange";
 export * from "./ExampleFilterSlider";
 export * from "./ExampleFilters";
-export * from "./ExampleFiltersActive";
+export * from "./ExampleFiltersSelected";
 export * from "./ExampleReactiveSearchProviderCollection";
 export * from "./ExampleReactiveSearchProviderInstantSearch";
 export * from "./ExampleReactiveSearchProviderSearch";

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

@@ -16,7 +16,7 @@ __exportStar(require("./ExampleFilterList"), exports);
 __exportStar(require("./ExampleFilterRange"), exports);
 __exportStar(require("./ExampleFilterSlider"), exports);
 __exportStar(require("./ExampleFilters"), exports);
-__exportStar(require("./ExampleFiltersActive"), exports);
+__exportStar(require("./ExampleFiltersSelected"), exports);
 __exportStar(require("./ExampleReactiveSearchProviderCollection"), exports);
 __exportStar(require("./ExampleReactiveSearchProviderInstantSearch"), exports);
 __exportStar(require("./ExampleReactiveSearchProviderSearch"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Example/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAkC;AAClC,2DAAyC;AACzC,sDAAoC;AACpC,uDAAqC;AACrC,wDAAsC;AACtC,mDAAiC;AACjC,yDAAuC;AACvC,4EAA0D;AAC1D,+EAA6D;AAC7D,wEAAsD;AACtD,6DAA2C;AAC3C,6DAA2C;AAC3C,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kDAAgC;AAChC,kDAAgC;AAChC,iDAA+B;AAE/B,yDAAuC;AACvC,yDAAuC","sourcesContent":["export * from \"./ExampleClearAll\";\nexport * from \"./ExampleCustomComponent\";\nexport * from \"./ExampleFilterList\";\nexport * from \"./ExampleFilterRange\";\nexport * from \"./ExampleFilterSlider\";\nexport * from \"./ExampleFilters\";\nexport * from \"./ExampleFiltersActive\";\nexport * from \"./ExampleReactiveSearchProviderCollection\";\nexport * from \"./ExampleReactiveSearchProviderInstantSearch\";\nexport * from \"./ExampleReactiveSearchProviderSearch\";\nexport * from \"./ExampleResultCardCallout\";\nexport * from \"./ExampleResultCardProduct\";\nexport * from \"./ExampleResultPaginationNumbered\";\nexport * from \"./ExampleResultPaginationLoadMore\";\nexport * from \"./ExampleResultPaginationNextPrev\";\nexport * from \"./ExampleSearch\";\nexport * from \"./ExampleSortBy\";\nexport * from \"./ExampleStats\";\n\nexport * from \"./ExampleHookUseSearch\";\nexport * from \"./ExampleHookUseSortBy\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Example/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAkC;AAClC,2DAAyC;AACzC,sDAAoC;AACpC,uDAAqC;AACrC,wDAAsC;AACtC,mDAAiC;AACjC,2DAAyC;AACzC,4EAA0D;AAC1D,+EAA6D;AAC7D,wEAAsD;AACtD,6DAA2C;AAC3C,6DAA2C;AAC3C,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kDAAgC;AAChC,kDAAgC;AAChC,iDAA+B;AAE/B,yDAAuC;AACvC,yDAAuC","sourcesContent":["export * from \"./ExampleClearAll\";\nexport * from \"./ExampleCustomComponent\";\nexport * from \"./ExampleFilterList\";\nexport * from \"./ExampleFilterRange\";\nexport * from \"./ExampleFilterSlider\";\nexport * from \"./ExampleFilters\";\nexport * from \"./ExampleFiltersSelected\";\nexport * from \"./ExampleReactiveSearchProviderCollection\";\nexport * from \"./ExampleReactiveSearchProviderInstantSearch\";\nexport * from \"./ExampleReactiveSearchProviderSearch\";\nexport * from \"./ExampleResultCardCallout\";\nexport * from \"./ExampleResultCardProduct\";\nexport * from \"./ExampleResultPaginationNumbered\";\nexport * from \"./ExampleResultPaginationLoadMore\";\nexport * from \"./ExampleResultPaginationNextPrev\";\nexport * from \"./ExampleSearch\";\nexport * from \"./ExampleSortBy\";\nexport * from \"./ExampleStats\";\n\nexport * from \"./ExampleHookUseSearch\";\nexport * from \"./ExampleHookUseSortBy\";\n"]}

package/dist/src/components/Filter/{FiltersActive.d.ts → FiltersSelected.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type FiltersActiveProps = {
+export declare type FiltersSelectedProps = {
     /** Render method called once for all active filters */
     render?: React.FC<{
         selectedFilters: Array<{
@@ -13,4 +13,4 @@ export declare type FiltersActiveProps = {
         handleRemove: (filterKey: string) => void;
     }>;
 };
-export declare const FiltersActive: React.FC<FiltersActiveProps>;
+export declare const FiltersSelected: React.FC<FiltersSelectedProps>;

package/dist/src/components/Filter/{FiltersActive.js → FiltersSelected.js}

@@ -3,13 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FiltersActive = void 0;
+exports.FiltersSelected = void 0;
 const reactivesearch_1 = require("@appbaseio/reactivesearch");
 const react_1 = __importDefault(require("react"));
 const components_1 = require("../../components");
-const FiltersActive = (props) => {
+const FiltersSelected = (props) => {
     var _a;
-    const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleFiltersActive;
+    const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleFiltersSelected;
     return (react_1.default.createElement(reactivesearch_1.SelectedFilters, { render: ({ selectedValues, setValue }) => {
             const selectedFilters = Object.entries(selectedValues)
                 .filter(([key, item]) => {
@@ -32,5 +32,5 @@ const FiltersActive = (props) => {
             return (react_1.default.createElement(RenderComponent, { selectedFilters: selectedFilters, handleRemove: handleRemove }));
         } }));
 };
-exports.FiltersActive = FiltersActive;
-//# sourceMappingURL=FiltersActive.js.map
+exports.FiltersSelected = FiltersSelected;
+//# sourceMappingURL=FiltersSelected.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersSelected.js","sourceRoot":"","sources":["../../../../src/components/Filter/FiltersSelected.tsx"],"names":[],"mappings":";;;;;;AAAA,8DAA4D;AAC5D,kDAA0B;AAE1B,iDAA0D;AAcnD,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;;IACvE,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,mCAAsB,CAAC;IAE/D,OAAO,CACL,8BAAC,gCAAe,IACd,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;YACvC,MAAM,eAAe,GACnB,MAAM,CAAC,OAAO,CAAC,cAAc,CAC9B;iBACE,MAAM,CACL,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE;;gBACd,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS;qBACf,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAA;oBAChB,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAAA,CAAC,CAAA;aAAA,CAClD;iBACA,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;gBACrB,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC,CAAC,CAAC;YAEN,MAAM,YAAY,GAAG,CAAC,iBAAyB,EAAE,EAAE;gBACjD,QAAQ,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;YACpC,CAAC,CAAC;YAEF,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;gBAC3B,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,8BAAC,eAAe,IACd,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,eAAe,mBAsC1B","sourcesContent":["import { SelectedFilters } from \"@appbaseio/reactivesearch\";\nimport React from \"react\";\n\nimport { ExampleFiltersSelected } from \"../../components\";\n\nexport type FiltersSelectedProps = {\n  /** Render method called once for all active filters */\n  render?: React.FC<{\n    selectedFilters: Array<{\n      key: string;\n      label: string;\n      value: Array<string> | string | { start: number; end: number };\n    }>;\n    handleRemove: (filterKey: string) => void;\n  }>;\n};\n\nexport const FiltersSelected: React.FC<FiltersSelectedProps> = (props) => {\n  const RenderComponent = props.render ?? ExampleFiltersSelected;\n\n  return (\n    <SelectedFilters\n      render={({ selectedValues, setValue }) => {\n        const selectedFilters = (\n          Object.entries(selectedValues) as Array<[string, any]>\n        )\n          .filter(\n            ([key, item]) =>\n              item?.URLParams &&\n              item?.showFilter &&\n              (!!item?.value?.length || !!item?.value?.label)\n          )\n          .map(([key, item]) => ({\n            key: key,\n            label: item.label,\n            value: item.value,\n          }));\n\n        const handleRemove = (selectedFilterKey: string) => {\n          setValue(selectedFilterKey, null);\n        };\n\n        if (!selectedFilters.length) {\n          return null;\n        }\n\n        return (\n          <RenderComponent\n            selectedFilters={selectedFilters}\n            handleRemove={handleRemove}\n          />\n        );\n      }}\n    />\n  );\n};\n"]}

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

@@ -1,3 +1,3 @@
 export * from "./Filter";
 export * from "./Filters";
-export * from "./FiltersActive";
+export * from "./FiltersSelected";

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,4CAA0B;AAC1B,kDAAgC","sourcesContent":["export * from \"./Filter\";\nexport * from \"./Filters\";\nexport * from \"./FiltersActive\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,4CAA0B;AAC1B,oDAAkC","sourcesContent":["export * from \"./Filter\";\nexport * from \"./Filters\";\nexport * from \"./FiltersSelected\";\n"]}

package/dist/src/components/Search/Search.js

@@ -9,9 +9,9 @@ const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const Search = (props) => {
     var _a;
-    const sortbyData = (0, hooks_1.useSearch)();
-    const RenderSortOptionsComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleSearch;
-    return react_1.default.createElement(RenderSortOptionsComponent, Object.assign({}, sortbyData));
+    const searchHook = (0, hooks_1.useSearch)();
+    const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleSearch;
+    return react_1.default.createElement(RenderComponent, Object.assign({}, searchHook));
 };
 exports.Search = Search;
 //# sourceMappingURL=Search.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/Search/Search.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAwC;AACxC,iDAAiD;AAO1C,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;;IACrD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,0BAA0B,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,0BAAa,CAAC;IAEjE,OAAO,8BAAC,0BAA0B,oBAAK,UAAU,EAAI,CAAC;AACxD,CAAC,CAAC;AANW,QAAA,MAAM,UAMjB","sourcesContent":["import React from \"react\";\n\nimport { useSearch } from \"../../hooks\";\nimport { ExampleSearch } from \"../../components\";\n\nexport type SearchProps = {\n  /** Render method */\n  render?: React.FC<ReturnType<typeof useSearch>>;\n};\n\nexport const Search: React.FC<SearchProps> = (props) => {\n  const sortbyData = useSearch();\n\n  const RenderSortOptionsComponent = props.render ?? ExampleSearch;\n\n  return <RenderSortOptionsComponent {...sortbyData} />;\n};\n"]}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/Search/Search.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAwC;AACxC,iDAAiD;AAO1C,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;;IACrD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,0BAAa,CAAC;IAEtD,OAAO,8BAAC,eAAe,oBAAK,UAAU,EAAI,CAAC;AAC7C,CAAC,CAAC;AANW,QAAA,MAAM,UAMjB","sourcesContent":["import React from \"react\";\n\nimport { useSearch } from \"../../hooks\";\nimport { ExampleSearch } from \"../../components\";\n\nexport type SearchProps = {\n  /** Render method */\n  render?: React.FC<ReturnType<typeof useSearch>>;\n};\n\nexport const Search: React.FC<SearchProps> = (props) => {\n  const searchHook = useSearch();\n\n  const RenderComponent = props.render ?? ExampleSearch;\n\n  return <RenderComponent {...searchHook} />;\n};\n"]}

package/dist/src/components/SortBy/SortBy.js

@@ -9,9 +9,9 @@ const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const SortBy = (props) => {
     var _a;
-    const sortbyData = (0, hooks_1.useSortBy)();
+    const sortByHook = (0, hooks_1.useSortBy)();
     const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleSortBy;
-    return react_1.default.createElement(RenderComponent, Object.assign({}, sortbyData));
+    return react_1.default.createElement(RenderComponent, Object.assign({}, sortByHook));
 };
 exports.SortBy = SortBy;
 //# sourceMappingURL=SortBy.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SortBy.js","sourceRoot":"","sources":["../../../../src/components/SortBy/SortBy.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAwC;AACxC,iDAAiD;AAO1C,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;;IACrD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,0BAAa,CAAC;IAEtD,OAAO,8BAAC,eAAe,oBAAK,UAAU,EAAI,CAAC;AAC7C,CAAC,CAAC;AANW,QAAA,MAAM,UAMjB","sourcesContent":["import React from \"react\";\n\nimport { useSortBy } from \"../../hooks\";\nimport { ExampleSortBy } from \"../../components\";\n\nexport type SortByProps = {\n  /** Render method called once for all sort options */\n  render?: React.FC<ReturnType<typeof useSortBy>>;\n};\n\nexport const SortBy: React.FC<SortByProps> = (props) => {\n  const sortbyData = useSortBy();\n\n  const RenderComponent = props.render ?? ExampleSortBy;\n\n  return <RenderComponent {...sortbyData} />;\n};\n"]}
+{"version":3,"file":"SortBy.js","sourceRoot":"","sources":["../../../../src/components/SortBy/SortBy.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAwC;AACxC,iDAAiD;AAO1C,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;;IACrD,MAAM,UAAU,GAAG,IAAA,iBAAS,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,0BAAa,CAAC;IAEtD,OAAO,8BAAC,eAAe,oBAAK,UAAU,EAAI,CAAC;AAC7C,CAAC,CAAC;AANW,QAAA,MAAM,UAMjB","sourcesContent":["import React from \"react\";\n\nimport { useSortBy } from \"../../hooks\";\nimport { ExampleSortBy } from \"../../components\";\n\nexport type SortByProps = {\n  /** Render method called once for all sort options */\n  render?: React.FC<ReturnType<typeof useSortBy>>;\n};\n\nexport const SortBy: React.FC<SortByProps> = (props) => {\n  const sortByHook = useSortBy();\n\n  const RenderComponent = props.render ?? ExampleSortBy;\n\n  return <RenderComponent {...sortByHook} />;\n};\n"]}

package/dist/src/hooks/useSearch.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSearch = void 0;
-const ahooks_1 = require("ahooks");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
@@ -38,7 +37,7 @@ const useSearch = () => {
             window.location.href = `/search?q=${searchTerm}`;
         }
     }, [search.searchTerm]);
-    const { run: runDebouncedBreadcrumb, cancel: cancelDebouncedBreadcrumb } = (0, ahooks_1.useDebounceFn)((searchTerm = search.searchTerm) => {
+    const handleSetSearchTerm = react_1.default.useCallback((searchTerm = "") => {
         utility_1.debug.log("useSearch", "setSearchTerm[searchTerm]", searchTerm);
         utility_1.debug.breadcrumb({
             category: "search",
@@ -47,17 +46,6 @@ const useSearch = () => {
                 searchTerm: searchTerm,
             },
         });
-    }, {
-        wait: 300,
-    });
-    const handleSetSearchTerm = react_1.default.useCallback((searchTerm = "") => {
-        utility_1.debug.log("useSearch", "setSearchTerm[searchTerm]", searchTerm);
-        if (searchTerm) {
-            runDebouncedBreadcrumb(searchTerm);
-        }
-        else {
-            cancelDebouncedBreadcrumb();
-        }
         search.setSearchTerm(searchTerm);
     }, [search.searchTerm]);
     return {

package/dist/src/hooks/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/hooks/useSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import { useDebounceFn } from \"ahooks\";\nimport React from \"react\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSearch = (): {\n  /** The current search term */\n  searchTerm: string;\n  /** Function for changing the current search term */\n  setSearchTerm: (searchTerm?: string) => void;\n  /** Function for navigating to the search page, includes logic for redirects */\n  submitSearchTerm: (searchTerm?: string) => void;\n  /** Used to determine if instant search results should be displayed */\n  showInstantSearchResults: boolean;\n  /** Used to manually set the \"showInstantSearchResults\" value */\n  setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n  const { options, config, search } = useReactifySearchContext();\n\n  const handleSubmitSearchTerm = React.useCallback(\n    (searchTerm: string = search.searchTerm) => {\n      debug.breadcrumb({\n        category: \"search\",\n        message: \"search submit\",\n        data: {\n          searchTerm: searchTerm,\n        },\n      });\n\n      debug.log(\"useSearch\", \"submitSearchTerm[query]\", searchTerm);\n\n      if (!searchTerm) {\n        return;\n      }\n\n      const redirect = config.redirects.find(\n        (redirect) =>\n          redirect.query.trim().toLowerCase() ===\n          searchTerm.trim().toLowerCase()\n      );\n\n      if (redirect) {\n        debug.log(\"useSearch\", \"submitSearchTerm[redirect]\", redirect);\n      }\n\n      search.setShowInstantSearchResults(false);\n\n      if (options.onRedirect) {\n        options.onRedirect(\n          redirect ? \"redirect\" : \"search\",\n          redirect ? redirect.url : `/search?q=${searchTerm}`\n        );\n      } else if (redirect) {\n        window.location.href = redirect.url;\n      } else {\n        window.location.href = `/search?q=${searchTerm}`;\n      }\n    },\n    [search.searchTerm]\n  );\n\n  const { run: runDebouncedBreadcrumb, cancel: cancelDebouncedBreadcrumb } =\n    useDebounceFn(\n      (searchTerm: string = search.searchTerm) => {\n        debug.log(\"useSearch\", \"setSearchTerm[searchTerm]\", searchTerm);\n        debug.breadcrumb({\n          category: \"search\",\n          message: \"search query\",\n          data: {\n            searchTerm: searchTerm,\n          },\n        });\n      },\n      {\n        wait: 300,\n      }\n    );\n\n  const handleSetSearchTerm = React.useCallback(\n    (searchTerm: string = \"\") => {\n      debug.log(\"useSearch\", \"setSearchTerm[searchTerm]\", searchTerm);\n      if (searchTerm) {\n        runDebouncedBreadcrumb(searchTerm);\n      } else {\n        cancelDebouncedBreadcrumb();\n      }\n\n      search.setSearchTerm(searchTerm);\n    },\n    [search.searchTerm]\n  );\n\n  return {\n    searchTerm: search.searchTerm,\n    setSearchTerm: handleSetSearchTerm,\n    submitSearchTerm: handleSubmitSearchTerm,\n    showInstantSearchResults:\n      !!search.showInstantSearchResults && !!search.searchTerm,\n    setShowInstantSearchResults: search.setShowInstantSearchResults,\n  };\n};\n"]}
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/hooks/useSearch.ts"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,SAAS,GAAG,GAWvB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/D,MAAM,sBAAsB,GAAG,eAAK,CAAC,WAAW,CAC9C,CAAC,aAAqB,MAAM,CAAC,UAAU,EAAE,EAAE;QACzC,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE;gBACJ,UAAU,EAAE,UAAU;aACvB;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,yBAAyB,EAAE,UAAU,CAAC,CAAC;QAE9D,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CACpC,CAAC,QAAQ,EAAE,EAAE,CACX,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;YACnC,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAClC,CAAC;QAEF,IAAI,QAAQ,EAAE;YACZ,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,4BAA4B,EAAE,QAAQ,CAAC,CAAC;SAChE;QAED,MAAM,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,OAAO,CAAC,UAAU,EAAE;YACtB,OAAO,CAAC,UAAU,CAChB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAChC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,UAAU,EAAE,CACpD,CAAC;SACH;aAAM,IAAI,QAAQ,EAAE;YACnB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC;SACrC;aAAM;YACL,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,UAAU,EAAE,CAAC;SAClD;IACH,CAAC,EACD,CAAC,MAAM,CAAC,UAAU,CAAC,CACpB,CAAC;IAEF,MAAM,mBAAmB,GAAG,eAAK,CAAC,WAAW,CAC3C,CAAC,aAAqB,EAAE,EAAE,EAAE;QAC1B,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,2BAA2B,EAAE,UAAU,CAAC,CAAC;QAChE,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE;gBACJ,UAAU,EAAE,UAAU;aACvB;SACF,CAAC,CAAC;QAEH,MAAM,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC,EACD,CAAC,MAAM,CAAC,UAAU,CAAC,CACpB,CAAC;IAEF,OAAO;QACL,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,aAAa,EAAE,mBAAmB;QAClC,gBAAgB,EAAE,sBAAsB;QACxC,wBAAwB,EACtB,CAAC,CAAC,MAAM,CAAC,wBAAwB,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU;QAC1D,2BAA2B,EAAE,MAAM,CAAC,2BAA2B;KAChE,CAAC;AACJ,CAAC,CAAC;AAhFW,QAAA,SAAS,aAgFpB","sourcesContent":["import { useDebounceFn } from \"ahooks\";\nimport React from \"react\";\n\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSearch = (): {\n  /** The current search term */\n  searchTerm: string;\n  /** Function for changing the current search term */\n  setSearchTerm: (searchTerm?: string) => void;\n  /** Function for navigating to the search page, includes logic for redirects */\n  submitSearchTerm: (searchTerm?: string) => void;\n  /** Used to determine if instant search results should be displayed */\n  showInstantSearchResults: boolean;\n  /** Used to manually set the \"showInstantSearchResults\" value */\n  setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n  const { options, config, search } = useReactifySearchContext();\n\n  const handleSubmitSearchTerm = React.useCallback(\n    (searchTerm: string = search.searchTerm) => {\n      debug.breadcrumb({\n        category: \"search\",\n        message: \"search submit\",\n        data: {\n          searchTerm: searchTerm,\n        },\n      });\n\n      debug.log(\"useSearch\", \"submitSearchTerm[query]\", searchTerm);\n\n      if (!searchTerm) {\n        return;\n      }\n\n      const redirect = config.redirects.find(\n        (redirect) =>\n          redirect.query.trim().toLowerCase() ===\n          searchTerm.trim().toLowerCase()\n      );\n\n      if (redirect) {\n        debug.log(\"useSearch\", \"submitSearchTerm[redirect]\", redirect);\n      }\n\n      search.setShowInstantSearchResults(false);\n\n      if (options.onRedirect) {\n        options.onRedirect(\n          redirect ? \"redirect\" : \"search\",\n          redirect ? redirect.url : `/search?q=${searchTerm}`\n        );\n      } else if (redirect) {\n        window.location.href = redirect.url;\n      } else {\n        window.location.href = `/search?q=${searchTerm}`;\n      }\n    },\n    [search.searchTerm]\n  );\n\n  const handleSetSearchTerm = React.useCallback(\n    (searchTerm: string = \"\") => {\n      debug.log(\"useSearch\", \"setSearchTerm[searchTerm]\", searchTerm);\n      debug.breadcrumb({\n        category: \"search\",\n        message: \"search query\",\n        data: {\n          searchTerm: searchTerm,\n        },\n      });\n\n      search.setSearchTerm(searchTerm);\n    },\n    [search.searchTerm]\n  );\n\n  return {\n    searchTerm: search.searchTerm,\n    setSearchTerm: handleSetSearchTerm,\n    submitSearchTerm: handleSubmitSearchTerm,\n    showInstantSearchResults:\n      !!search.showInstantSearchResults && !!search.searchTerm,\n    setShowInstantSearchResults: search.setShowInstantSearchResults,\n  };\n};\n"]}

package/dist/src/utility/index.d.ts

@@ -1 +1,2 @@
 export * from "./debug";
+export * from "./liquid";

package/dist/src/utility/index.js

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

package/dist/src/utility/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB","sourcesContent":["export * from \"./debug\";"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,2CAAyB","sourcesContent":["export * from \"./debug\";\nexport * from \"./liquid\";\n"]}

package/dist/src/utility/liquid.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ReactifySearchProviderProps } from "../components";
+export declare class ReactifySearchLiquidFactory {
+    providerProps: Omit<ReactifySearchProviderProps, "shopifyPermanentDomain"> & {
+        shopifyPermanentDomain?: string;
+        collectionHandle?: string;
+    };
+    constructor(providerProps: Omit<ReactifySearchProviderProps, "shopifyPermanentDomain"> & {
+        shopifyPermanentDomain?: string;
+        collectionHandle?: string;
+    });
+    getProvider(): React.FC<{}>;
+    getMountNode(): HTMLElement;
+}

package/dist/src/utility/liquid.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactifySearchLiquidFactory = void 0;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../components");
+class ReactifySearchLiquidFactory {
+    constructor(providerProps) {
+        this.providerProps = providerProps;
+    }
+    getProvider() {
+        var _a, _b, _c, _d;
+        const shopifyPermanentDomain = (_a = this.providerProps.shopifyPermanentDomain) !== null && _a !== void 0 ? _a : (_c = (_b = window) === null || _b === void 0 ? void 0 : _b.Shopify) === null || _c === void 0 ? void 0 : _c.shop;
+        if (!shopifyPermanentDomain) {
+            throw new Error("Cannot determine shopifyPermanentDomain from window");
+        }
+        const collectionHandle = (_d = this.providerProps.collectionHandle) !== null && _d !== void 0 ? _d : window.location.href.split(/\//)[4];
+        if (this.providerProps.mode === "collection" && !collectionHandle) {
+            throw new Error("Cannot determine collectionHandle from URL");
+        }
+        const provider = (props) => (react_1.default.createElement(components_1.ReactifySearchProvider, Object.assign({}, this.providerProps, { shopifyPermanentDomain: shopifyPermanentDomain, collectionHandle: collectionHandle }), props.children));
+        return provider;
+    }
+    getMountNode() {
+        const mountNode = document.getElementById(`reactify-mount-${this.providerProps.mode}`);
+        if (!mountNode) {
+            throw new Error(`Cannot find mount node with ID "reactify-mount-${this.providerProps.mode}"`);
+        }
+        return mountNode;
+    }
+}
+exports.ReactifySearchLiquidFactory = ReactifySearchLiquidFactory;
+//# sourceMappingURL=liquid.js.map

package/dist/src/utility/liquid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"liquid.js","sourceRoot":"","sources":["../../../src/utility/liquid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8CAGuB;AAEvB,MAAa,2BAA2B;IACtC,YACS,aAMN;QANM,kBAAa,GAAb,aAAa,CAMnB;IACA,CAAC;IAEJ,WAAW;;QACT,MAAM,sBAAsB,GAC1B,MAAA,IAAI,CAAC,aAAa,CAAC,sBAAsB,mCACzC,MAAA,MAAC,MAAc,0CAAE,OAAO,0CAAE,IAAI,CAAC;QACjC,IAAI,CAAC,sBAAsB,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;SACxE;QAED,MAAM,gBAAgB,GACpB,MAAA,IAAI,CAAC,aAAa,CAAC,gBAAgB,mCACnC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,gBAAgB,EAAE;YACjE,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;SAC/D;QAED,MAAM,QAAQ,GAAa,CAAC,KAAK,EAAE,EAAE,CAAC,CACpC,8BAAC,mCAAsB,oBACjB,IAAI,CAAC,aAAa,IACtB,sBAAsB,EAAE,sBAAsB,EAC9C,gBAAgB,EAAE,gBAAgB,KAEjC,KAAK,CAAC,QAAQ,CACQ,CAC1B,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,YAAY;QACV,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CACvC,kBAAkB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAC5C,CAAC;QACF,IAAI,CAAC,SAAS,EAAE;YACd,MAAM,IAAI,KAAK,CACb,kDAAkD,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,CAC7E,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;CACF;AAnDD,kEAmDC","sourcesContent":["import React from \"react\";\n\nimport {\n  ReactifySearchProvider,\n  ReactifySearchProviderProps,\n} from \"../components\";\n\nexport class ReactifySearchLiquidFactory {\n  constructor(\n    public providerProps: Omit<\n      ReactifySearchProviderProps,\n      \"shopifyPermanentDomain\"\n    > & {\n      shopifyPermanentDomain?: string;\n      collectionHandle?: string;\n    }\n  ) {}\n\n  getProvider() {\n    const shopifyPermanentDomain =\n      this.providerProps.shopifyPermanentDomain ??\n      (window as any)?.Shopify?.shop;\n    if (!shopifyPermanentDomain) {\n      throw new Error(\"Cannot determine shopifyPermanentDomain from window\");\n    }\n\n    const collectionHandle =\n      this.providerProps.collectionHandle ??\n      window.location.href.split(/\\//)[4];\n    if (this.providerProps.mode === \"collection\" && !collectionHandle) {\n      throw new Error(\"Cannot determine collectionHandle from URL\");\n    }\n\n    const provider: React.FC = (props) => (\n      <ReactifySearchProvider\n        {...this.providerProps}\n        shopifyPermanentDomain={shopifyPermanentDomain}\n        collectionHandle={collectionHandle}\n      >\n        {props.children}\n      </ReactifySearchProvider>\n    );\n\n    return provider;\n  }\n\n  getMountNode() {\n    const mountNode = document.getElementById(\n      `reactify-mount-${this.providerProps.mode}`\n    );\n    if (!mountNode) {\n      throw new Error(\n        `Cannot find mount node with ID \"reactify-mount-${this.providerProps.mode}\"`\n      );\n    }\n\n    return mountNode;\n  }\n}\n"]}

package/package.json

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExampleFiltersActive.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFiltersActive.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,oBAAoB,GAAwC,CACvE,KAAK,EACL,EAAE;IACF,OAAO,CACL,uCAAK,SAAS,EAAC,mBAAmB;QAChC,sCAAI,SAAS,EAAC,yBAAyB,IAAE,gBAAgB,CAAM;QAC/D,sCAAI,SAAS,EAAC,yBAAyB,IACpC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAC7C,sCAAI,GAAG,EAAE,cAAc,CAAC,GAAG,EAAE,SAAS,EAAC,8BAA8B;YACnE,yCACE,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC;gBAErD,wCAAM,SAAS,EAAC,oCAAoC;oBACjD,cAAc,CAAC,KAAK;oBACpB,IAAI,CACA;gBACP,wCAAM,SAAS,EAAC,oCAAoC,IACjD,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC;oBAClC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;oBACjC,CAAC,CAAC,OAAO,cAAc,CAAC,KAAK,KAAK,QAAQ;wBAC1C,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,GAAG,EAAE;wBAC7D,CAAC,CAAC,cAAc,CAAC,KAAK,CACnB,CACD,CACL,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,oBAAoB,wBA8B/B","sourcesContent":["import React from \"react\";\n\nimport { FiltersActiveProps } from \"../../components\";\n\nexport type ExampleFiltersActiveProps = React.ComponentProps<\n  NonNullable<FiltersActiveProps[\"render\"]>\n>;\n\nexport const ExampleFiltersActive: React.FC<ExampleFiltersActiveProps> = (\n  props\n) => {\n  return (\n    <div className=\"rs__filter-active\">\n      <h3 className=\"rs__filter-active__name\">{\"Filters Active\"}</h3>\n      <ul className=\"rs__filter-active__list\">\n        {props.selectedFilters.map((selectedFilter) => (\n          <li key={selectedFilter.key} className=\"rs__filter-active__list-item\">\n            <label\n              className=\"rs__filter-active__list-item-label\"\n              onClick={() => props.handleRemove(selectedFilter.key)}\n            >\n              <span className=\"rs__filter-active__list-item-label\">\n                {selectedFilter.label}\n                {\": \"}\n              </span>\n              <span className=\"rs__filter-active__list-item-value\">\n                {Array.isArray(selectedFilter.value)\n                  ? selectedFilter.value.join(\", \")\n                  : typeof selectedFilter.value !== \"string\"\n                  ? `${selectedFilter.value.start}-${selectedFilter.value.end}`\n                  : selectedFilter.value}\n              </span>\n            </label>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"FiltersActive.js","sourceRoot":"","sources":["../../../../src/components/Filter/FiltersActive.tsx"],"names":[],"mappings":";;;;;;AAAA,8DAA4D;AAC5D,kDAA0B;AAE1B,iDAAwD;AAcjD,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;;IACnE,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,iCAAoB,CAAC;IAE7D,OAAO,CACL,8BAAC,gCAAe,IACd,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;YACvC,MAAM,eAAe,GACnB,MAAM,CAAC,OAAO,CAAC,cAAc,CAC9B;iBACE,MAAM,CACL,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE;;gBACd,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS;qBACf,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAA;oBAChB,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,CAAA,IAAI,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAAA,CAAC,CAAA;aAAA,CAClD;iBACA,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;gBACrB,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC,CAAC,CAAC;YAEN,MAAM,YAAY,GAAG,CAAC,iBAAyB,EAAE,EAAE;gBACjD,QAAQ,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;YACpC,CAAC,CAAC;YAEF,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;gBAC3B,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,8BAAC,eAAe,IACd,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,aAAa,iBAsCxB","sourcesContent":["import { SelectedFilters } from \"@appbaseio/reactivesearch\";\nimport React from \"react\";\n\nimport { ExampleFiltersActive } from \"../../components\";\n\nexport type FiltersActiveProps = {\n  /** Render method called once for all active filters */\n  render?: React.FC<{\n    selectedFilters: Array<{\n      key: string;\n      label: string;\n      value: Array<string> | string | { start: number; end: number };\n    }>;\n    handleRemove: (filterKey: string) => void;\n  }>;\n};\n\nexport const FiltersActive: React.FC<FiltersActiveProps> = (props) => {\n  const RenderComponent = props.render ?? ExampleFiltersActive;\n\n  return (\n    <SelectedFilters\n      render={({ selectedValues, setValue }) => {\n        const selectedFilters = (\n          Object.entries(selectedValues) as Array<[string, any]>\n        )\n          .filter(\n            ([key, item]) =>\n              item?.URLParams &&\n              item?.showFilter &&\n              (!!item?.value?.length || !!item?.value?.label)\n          )\n          .map(([key, item]) => ({\n            key: key,\n            label: item.label,\n            value: item.value,\n          }));\n\n        const handleRemove = (selectedFilterKey: string) => {\n          setValue(selectedFilterKey, null);\n        };\n\n        if (!selectedFilters.length) {\n          return null;\n        }\n\n        return (\n          <RenderComponent\n            selectedFilters={selectedFilters}\n            handleRemove={handleRemove}\n          />\n        );\n      }}\n    />\n  );\n};\n"]}