@usereactify/search 5.10.0 → 5.10.3

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 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.10.3](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.10.2...release-v5.10.3) (2022-11-06)
+
+
+### Bug Fixes
+
+* update pnpm-lock.yaml ([86a53a2](https://bitbucket.org/usereactify/reactify-search-ui/commit/86a53a28f4d6a9806b35bc71c92254d9164205e6))
+
+### [5.10.2](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.10.1...release-v5.10.2) (2022-11-06)
+
+
+### Bug Fixes
+
+* simplify Filters component ([49467dd](https://bitbucket.org/usereactify/reactify-search-ui/commit/49467ddb5f05ca685cc862426f924d9e78ed22a2))
+* update ExampleFilters ([f324434](https://bitbucket.org/usereactify/reactify-search-ui/commit/f324434c000f5bcf2e26ebc19e163bd46565f0d0))
+
+### [5.10.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.10.0...release-v5.10.1) (2022-10-21)
+
 ## [5.10.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.9.0...release-v5.10.0) (2022-10-21)
 
 

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "5.10.0",
+    "version": "5.10.3",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",
@@ -20,13 +20,8 @@
         "storybook": "start-storybook -p 6006",
         "sentry:release:new": "sentry-cli releases new $npm_package_version",
         "sentry:release:upload": "sentry-cli releases files $npm_package_version upload-sourcemaps dist",
-        "sentry:release:finalize": "sentry-cli releases finalize $npm_package_version"
-    },
-    "husky": {
-        "hooks": {
-            "pre-commit": "pretty-quick --staged",
-            "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-        }
+        "sentry:release:finalize": "sentry-cli releases finalize $npm_package_version",
+        "prepare": "husky install"
     },
     "commitlint": {
         "extends": [
@@ -64,7 +59,7 @@
         "@types/react-dom": "18.0.6",
         "@types/react-slider": "1.3.1",
         "babel-loader": "8.2.2",
-        "husky": "4.3.8",
+        "husky": "^8.0.0",
         "prettier": "2.4.1",
         "pretty-quick": "3.1.1",
         "react": "18.2.0",

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

@@ -1,4 +1,2 @@
 import React from "react";
-import { FiltersProps } from "../../components";
-export declare type ExampleFiltersProps = React.ComponentProps<NonNullable<FiltersProps["render"]>>;
-export declare const ExampleFilters: React.FC<ExampleFiltersProps>;
+export declare const ExampleFilters: React.FC;

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

@@ -5,10 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleFilters = void 0;
 const react_1 = __importDefault(require("react"));
-const components_1 = require("../../components");
-const ExampleFilters = (props) => {
-    var _a;
-    return (react_1.default.createElement(react_1.default.Fragment, null, (_a = props.filters) === null || _a === void 0 ? void 0 : _a.map((filter) => (react_1.default.createElement(components_1.Filter, { key: filter.id, filter: filter })))));
+const Filter_1 = require("../Filter");
+const ExampleFilterList_1 = require("./ExampleFilterList");
+const ExampleFilterRange_1 = require("./ExampleFilterRange");
+const ExampleFilterSlider_1 = require("./ExampleFilterSlider");
+const ExampleFilters = () => {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h3", null, "Filters"),
+        react_1.default.createElement(Filter_1.Filters, { renderFilterList: ExampleFilterList_1.ExampleFilterList, renderFilterRange: ExampleFilterRange_1.ExampleFilterRange, renderFilterSlider: ExampleFilterSlider_1.ExampleFilterSlider })));
 };
 exports.ExampleFilters = ExampleFilters;
 //# sourceMappingURL=ExampleFilters.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilters.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAAwD;AAMjD,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;;IACrE,OAAO,CACL,8DACG,MAAA,KAAK,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,8BAAC,mBAAM,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,GAAI,CAC3C,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB","sourcesContent":["import React from \"react\";\n\nimport { Filter, FiltersProps } from \"../../components\";\n\nexport type ExampleFiltersProps = React.ComponentProps<\n  NonNullable<FiltersProps[\"render\"]>\n>;\n\nexport const ExampleFilters: React.FC<ExampleFiltersProps> = (props) => {\n  return (\n    <>\n      {props.filters?.map((filter) => (\n        <Filter key={filter.id} filter={filter} />\n      ))}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"ExampleFilters.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sCAAoC;AAEpC,2DAAwD;AACxD,6DAA0D;AAC1D,+DAA4D;AAErD,MAAM,cAAc,GAAa,GAAG,EAAE;IAC3C,OAAO,CACL;QACE,0CAAK,SAAS,CAAM;QACpB,8BAAC,gBAAO,IACN,gBAAgB,EAAE,qCAAiB,EACnC,iBAAiB,EAAE,uCAAkB,EACrC,kBAAkB,EAAE,yCAAmB,GACvC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB","sourcesContent":["import React from \"react\";\nimport { Filters } from \"../Filter\";\n\nimport { ExampleFilterList } from \"./ExampleFilterList\";\nimport { ExampleFilterRange } from \"./ExampleFilterRange\";\nimport { ExampleFilterSlider } from \"./ExampleFilterSlider\";\n\nexport const ExampleFilters: React.FC = () => {\n  return (\n    <div>\n      <h3>{\"Filters\"}</h3>\n      <Filters\n        renderFilterList={ExampleFilterList}\n        renderFilterRange={ExampleFilterRange}\n        renderFilterSlider={ExampleFilterSlider}\n      />\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ExampleHookUseResults: React.FC;

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleHookUseResults = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../hooks");
+const types_1 = require("../../types");
+const ExampleHookUseResults = () => {
+    const resultsHook = (0, hooks_1.useResults)();
+    const collections = resultsHook.results
+        .map((result) => {
+        if (result.type === types_1.ElasticDocumentType.Product) {
+            return result.collections;
+        }
+        return [];
+    })
+        .flat()
+        .filter((item, index, self) => self.findIndex((itemNested) => (itemNested === null || itemNested === void 0 ? void 0 : itemNested.id) === (item === null || item === void 0 ? void 0 : item.id)) === index);
+    return (react_1.default.createElement("ul", null, collections.map((collection) => (react_1.default.createElement("li", null,
+        react_1.default.createElement("a", { href: `/collections/${collection === null || collection === void 0 ? void 0 : collection.handle}` }, collection === null || collection === void 0 ? void 0 : collection.title))))));
+};
+exports.ExampleHookUseResults = ExampleHookUseResults;
+//# sourceMappingURL=ExampleHookUseResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleHookUseResults.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleHookUseResults.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,uCAAkD;AAE3C,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO;SACpC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACd,IAAI,MAAM,CAAC,IAAI,KAAK,2BAAmB,CAAC,OAAO,EAAE;YAC/C,OAAO,MAAM,CAAC,WAAW,CAAC;SAC3B;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;SACD,IAAI,EAAE;SACN,MAAM,CACL,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CACpB,IAAI,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,OAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA,CAAC,KAAK,KAAK,CACxE,CAAC;IAEJ,OAAO,CACL,0CACG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC/B;QACE,qCAAG,IAAI,EAAE,gBAAgB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,EAAE,IAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAK,CACnE,CACN,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC","sourcesContent":["import React from \"react\";\n\nimport { useResults } from \"../../hooks\";\nimport { ElasticDocumentType } from \"../../types\";\n\nexport const ExampleHookUseResults: React.FC = () => {\n  const resultsHook = useResults();\n\n  const collections = resultsHook.results\n    .map((result) => {\n      if (result.type === ElasticDocumentType.Product) {\n        return result.collections;\n      }\n\n      return [];\n    })\n    .flat()\n    .filter(\n      (item, index, self) =>\n        self.findIndex((itemNested) => itemNested?.id === item?.id) === index\n    );\n\n  return (\n    <ul>\n      {collections.map((collection) => (\n        <li>\n          <a href={`/collections/${collection?.handle}`}>{collection?.title}</a>\n        </li>\n      ))}\n    </ul>\n  );\n};\n"]}

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

@@ -17,5 +17,7 @@ export * from "./ExampleResultPaginationNextPrev";
 export * from "./ExampleSearch";
 export * from "./ExampleSortBy";
 export * from "./ExampleStats";
+export * from "./ExampleHookUseFilters";
+export * from "./ExampleHookUseResults";
 export * from "./ExampleHookUseSearch";
 export * from "./ExampleHookUseSortBy";

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

@@ -29,6 +29,8 @@ __exportStar(require("./ExampleResultPaginationNextPrev"), exports);
 __exportStar(require("./ExampleSearch"), exports);
 __exportStar(require("./ExampleSortBy"), exports);
 __exportStar(require("./ExampleStats"), exports);
+__exportStar(require("./ExampleHookUseFilters"), exports);
+__exportStar(require("./ExampleHookUseResults"), exports);
 __exportStar(require("./ExampleHookUseSearch"), exports);
 __exportStar(require("./ExampleHookUseSortBy"), exports);
 //# sourceMappingURL=index.js.map

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,2DAAyC;AACzC,4EAA0D;AAC1D,+EAA6D;AAC7D,wEAAsD;AACtD,6DAA2C;AAC3C,6DAA2C;AAC3C,oEAAkD;AAClD,oEAAkD;AAClD,0EAAwD;AACxD,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 \"./ExampleResultPaginationInfiniteScroll\";\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,0EAAwD;AACxD,oEAAkD;AAClD,kDAAgC;AAChC,kDAAgC;AAChC,iDAA+B;AAE/B,0DAAwC;AACxC,0DAAwC;AACxC,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 \"./ExampleResultPaginationInfiniteScroll\";\nexport * from \"./ExampleResultPaginationNextPrev\";\nexport * from \"./ExampleSearch\";\nexport * from \"./ExampleSortBy\";\nexport * from \"./ExampleStats\";\n\nexport * from \"./ExampleHookUseFilters\";\nexport * from \"./ExampleHookUseResults\";\nexport * from \"./ExampleHookUseSearch\";\nexport * from \"./ExampleHookUseSortBy\";\n"]}

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

@@ -1,7 +1,21 @@
 import React from "react";
-import { useFilters } from "../../hooks";
+import { useFilterListProps, useFilterRangeProps, useFilterSliderProps } from "../../hooks";
+import { ConfigFilterOption } from "../../types";
 export declare type FiltersProps = {
-    /** Render method called once for all filters */
-    render?: React.FC<ReturnType<typeof useFilters>>;
+    /** Render method for List filters */
+    renderFilterList?: React.FC<{
+        filter: ConfigFilterOption;
+        filterListProps: ReturnType<typeof useFilterListProps>;
+    }>;
+    /** Render method for Range filters */
+    renderFilterRange?: React.FC<{
+        filter: ConfigFilterOption;
+        filterRangeProps: ReturnType<typeof useFilterRangeProps>;
+    }>;
+    /** Render method for Slider filters */
+    renderFilterSlider?: React.FC<{
+        filter: ConfigFilterOption;
+        filterSliderProps: ReturnType<typeof useFilterSliderProps>;
+    }>;
 };
 export declare const Filters: React.FC<FiltersProps>;

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

@@ -10,8 +10,7 @@ const components_1 = require("../../components");
 const Filters = (props) => {
     var _a;
     const filterStackHook = (0, hooks_1.useFilters)();
-    const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleFilters;
-    return react_1.default.createElement(RenderComponent, Object.assign({}, filterStackHook));
+    return (react_1.default.createElement(react_1.default.Fragment, null, (_a = filterStackHook.filters) === null || _a === void 0 ? void 0 : _a.map((filter) => (react_1.default.createElement(components_1.Filter, { key: filter.id, filter: filter, renderFilterList: props.renderFilterList, renderFilterSlider: props.renderFilterSlider, renderFilterRange: props.renderFilterRange })))));
 };
 exports.Filters = Filters;
 //# sourceMappingURL=Filters.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,iDAAkD;AAO3C,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;;IACvD,MAAM,eAAe,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,2BAAc,CAAC;IAEvD,OAAO,8BAAC,eAAe,oBAAK,eAAe,EAAI,CAAC;AAClD,CAAC,CAAC;AANW,QAAA,OAAO,WAMlB","sourcesContent":["import React from \"react\";\n\nimport { useFilters } from \"../../hooks\";\nimport { ExampleFilters } from \"../../components\";\n\nexport type FiltersProps = {\n  /** Render method called once for all filters */\n  render?: React.FC<ReturnType<typeof useFilters>>;\n};\n\nexport const Filters: React.FC<FiltersProps> = (props) => {\n  const filterStackHook = useFilters();\n\n  const RenderComponent = props.render ?? ExampleFilters;\n\n  return <RenderComponent {...filterStackHook} />;\n};\n"]}
+{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAKqB;AACrB,iDAA0C;AAqBnC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;;IACvD,MAAM,eAAe,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,OAAO,CACL,8DACG,MAAA,eAAe,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxC,8BAAC,mBAAM,IACL,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,GAC1C,CACH,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,OAAO,WAgBlB","sourcesContent":["import React from \"react\";\n\nimport {\n  useFilterListProps,\n  useFilterRangeProps,\n  useFilters,\n  useFilterSliderProps,\n} from \"../../hooks\";\nimport { Filter } from \"../../components\";\nimport { ConfigFilterOption } from \"../../types\";\n\nexport type FiltersProps = {\n  /** Render method for List filters */\n  renderFilterList?: React.FC<{\n    filter: ConfigFilterOption;\n    filterListProps: ReturnType<typeof useFilterListProps>;\n  }>;\n  /** Render method for Range filters */\n  renderFilterRange?: React.FC<{\n    filter: ConfigFilterOption;\n    filterRangeProps: ReturnType<typeof useFilterRangeProps>;\n  }>;\n  /** Render method for Slider filters */\n  renderFilterSlider?: React.FC<{\n    filter: ConfigFilterOption;\n    filterSliderProps: ReturnType<typeof useFilterSliderProps>;\n  }>;\n};\n\nexport const Filters: React.FC<FiltersProps> = (props) => {\n  const filterStackHook = useFilters();\n\n  return (\n    <>\n      {filterStackHook.filters?.map((filter) => (\n        <Filter\n          key={filter.id}\n          filter={filter}\n          renderFilterList={props.renderFilterList}\n          renderFilterSlider={props.renderFilterSlider}\n          renderFilterRange={props.renderFilterRange}\n        />\n      ))}\n    </>\n  );\n};\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "5.10.0",
+  "version": "5.10.3",
   "license": "MIT",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
@@ -20,13 +20,8 @@
     "storybook": "start-storybook -p 6006",
     "sentry:release:new": "sentry-cli releases new $npm_package_version",
     "sentry:release:upload": "sentry-cli releases files $npm_package_version upload-sourcemaps dist",
-    "sentry:release:finalize": "sentry-cli releases finalize $npm_package_version"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "pretty-quick --staged",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
+    "sentry:release:finalize": "sentry-cli releases finalize $npm_package_version",
+    "prepare": "husky install"
   },
   "commitlint": {
     "extends": [
@@ -64,7 +59,7 @@
     "@types/react-dom": "18.0.6",
     "@types/react-slider": "1.3.1",
     "babel-loader": "8.2.2",
-    "husky": "4.3.8",
+    "husky": "^8.0.0",
     "prettier": "2.4.1",
     "pretty-quick": "3.1.1",
     "react": "18.2.0",