@usereactify/search 5.6.1 → 5.7.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 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.7.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.6.1...release-v5.7.0) (2022-10-12)
+
+
+### Features
+
+* add support for multiple select ranges ([7c35973](https://bitbucket.org/usereactify/reactify-search-ui/commit/7c3597332bfd68088dbd454c4f0a2dd80ce1cd95))
+* update examples for range and selected filters ([b264aa2](https://bitbucket.org/usereactify/reactify-search-ui/commit/b264aa2af8a8bbddd76e48c22575c6b082777ec6))
+
 ### [5.6.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.6.0...release-v5.6.1) (2022-10-11)
 
 

package/dist/package.json

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

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

@@ -10,7 +10,9 @@ const ExampleFilterRange = (props) => {
         react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
         react_1.default.createElement("ul", { className: "rs__filter__list" }, props.filterRangeProps.options.map((option) => (react_1.default.createElement("li", { key: option.key, className: "rs__filter__list-item" },
             react_1.default.createElement("label", { className: "rs__filter__list-item-label" },
-                react_1.default.createElement("input", { className: "rs__filter__list-item-input", value: option.key, type: "radio", checked: option.checked, onChange: (event) => props.filterRangeProps.handleChange(event.target.value) }),
+                react_1.default.createElement("input", { className: "rs__filter__list-item-input", value: option.key, type: "multi" === props.filterRangeProps.filter.displayType
+                        ? "checkbox"
+                        : "radio", checked: option.checked, onChange: (event) => props.filterRangeProps.handleChange(event.target.value) }),
                 react_1.default.createElement("span", { className: "rs__filter__list-item-key" }, option.label))))))));
 };
 exports.ExampleFilterRange = ExampleFilterRange;

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilterRange.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterRange.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY;QACzB,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;QACzD,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9C,sCAAI,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAC,uBAAuB;YACpD,yCAAO,SAAS,EAAC,6BAA6B;gBAC5C,yCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAEzD;gBACF,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAC,KAAK,CAAQ,CAC3D,CACL,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,kBAAkB,sBA0B7B","sourcesContent":["import React from \"react\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterRangeProps = React.ComponentProps<\n  NonNullable<FilterProps[\"renderFilterRange\"]>\n>;\n\nexport const ExampleFilterRange: React.FC<ExampleFilterRangeProps> = (\n  props\n) => {\n  return (\n    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      <ul className=\"rs__filter__list\">\n        {props.filterRangeProps.options.map((option) => (\n          <li key={option.key} className=\"rs__filter__list-item\">\n            <label className=\"rs__filter__list-item-label\">\n              <input\n                className=\"rs__filter__list-item-input\"\n                value={option.key}\n                type=\"radio\"\n                checked={option.checked}\n                onChange={(event) =>\n                  props.filterRangeProps.handleChange(event.target.value)\n                }\n              />\n              <span className=\"rs__filter__list-item-key\">{option.label}</span>\n            </label>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ExampleFilterRange.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterRange.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY;QACzB,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;QACzD,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9C,sCAAI,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAC,uBAAuB;YACpD,yCAAO,SAAS,EAAC,6BAA6B;gBAC5C,yCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,IAAI,EACF,OAAO,KAAK,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW;wBACnD,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,OAAO,EAEb,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAEzD;gBACF,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAC,KAAK,CAAQ,CAC3D,CACL,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,kBAAkB,sBA8B7B","sourcesContent":["import React from \"react\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterRangeProps = React.ComponentProps<\n  NonNullable<FilterProps[\"renderFilterRange\"]>\n>;\n\nexport const ExampleFilterRange: React.FC<ExampleFilterRangeProps> = (\n  props\n) => {\n  return (\n    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      <ul className=\"rs__filter__list\">\n        {props.filterRangeProps.options.map((option) => (\n          <li key={option.key} className=\"rs__filter__list-item\">\n            <label className=\"rs__filter__list-item-label\">\n              <input\n                className=\"rs__filter__list-item-input\"\n                value={option.key}\n                type={\n                  \"multi\" === props.filterRangeProps.filter.displayType\n                    ? \"checkbox\"\n                    : \"radio\"\n                }\n                checked={option.checked}\n                onChange={(event) =>\n                  props.filterRangeProps.handleChange(event.target.value)\n                }\n              />\n              <span className=\"rs__filter__list-item-key\">{option.label}</span>\n            </label>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"]}

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

@@ -13,11 +13,22 @@ const ExampleFiltersSelected = (props) => {
                 react_1.default.createElement("span", { className: "rs__filters-selected__list-item-label" },
                     selectedFilter.label,
                     ": "),
-                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))))))));
+                react_1.default.createElement("span", { className: "rs__filters-selected__list-item-value" }, parseFromSelectedValue(selectedFilter.value)))))))));
 };
 exports.ExampleFiltersSelected = ExampleFiltersSelected;
+const parseFromSelectedValue = (value) => {
+    const labelString = typeof value === "string" ? value : false;
+    const labelObject = !Array.isArray(value) && typeof value === "object"
+        ? `${value.start}-${value.end}`.replace("-0", "+")
+        : false;
+    const labelArray = Array.isArray(value) && typeof value[0] === "string"
+        ? value.join(", ")
+        : false;
+    const labelArrayObject = Array.isArray(value) && typeof value[0] === "object"
+        ? value
+            .map((item) => `${item.start}-${item.end}`.replace("-0", "+"))
+            .join(", ")
+        : false;
+    return labelString || labelObject || labelArray || labelArrayObject;
+};
 //# sourceMappingURL=ExampleFiltersSelected.js.map

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

@@ -1 +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"]}
+{"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,sBAAsB,CAAC,cAAc,CAAC,KAAK,CAAC,CACxC,CACD,CACL,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,sBAAsB,0BA6BjC;AAEF,MAAM,sBAAsB,GAAG,CAAC,KAAU,EAAE,EAAE;IAC5C,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9D,MAAM,WAAW,GACf,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAChD,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;QAClD,CAAC,CAAC,KAAK,CAAC;IAEZ,MAAM,UAAU,GACd,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ;QAClD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QAClB,CAAC,CAAC,KAAK,CAAC;IAEZ,MAAM,gBAAgB,GACpB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ;QAClD,CAAC,CAAC,KAAK;aACF,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;aAC7D,IAAI,CAAC,IAAI,CAAC;QACf,CAAC,CAAC,KAAK,CAAC;IAEZ,OAAO,WAAW,IAAI,WAAW,IAAI,UAAU,IAAI,gBAAgB,CAAC;AACtE,CAAC,CAAC","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                {parseFromSelectedValue(selectedFilter.value)}\n              </span>\n            </label>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nconst parseFromSelectedValue = (value: any) => {\n  const labelString = typeof value === \"string\" ? value : false;\n\n  const labelObject =\n    !Array.isArray(value) && typeof value === \"object\"\n      ? `${value.start}-${value.end}`.replace(\"-0\", \"+\")\n      : false;\n\n  const labelArray =\n    Array.isArray(value) && typeof value[0] === \"string\"\n      ? value.join(\", \")\n      : false;\n\n  const labelArrayObject =\n    Array.isArray(value) && typeof value[0] === \"object\"\n      ? value\n          .map((item) => `${item.start}-${item.end}`.replace(\"-0\", \"+\"))\n          .join(\", \")\n      : false;\n\n  return labelString || labelObject || labelArray || labelArrayObject;\n};\n"]}

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

@@ -20,21 +20,29 @@ const MultiList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/compo
 const SingleList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/list/SingleList"));
 const DynamicRangeSlider_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/range/DynamicRangeSlider"));
 const SingleRange_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/range/SingleRange"));
+const MultiRange_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/range/MultiRange"));
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const Filter = (props) => {
     if ("single" === props.filter.displayType) {
+        if ("range" === props.filter.displayView) {
+            return react_1.default.createElement(FilterRangeSingle, Object.assign({}, props));
+        }
         return react_1.default.createElement(FilterSingleList, Object.assign({}, props));
     }
     if ("multi" === props.filter.displayType) {
+        if ("range" === props.filter.displayView) {
+            return react_1.default.createElement(FilterRangeMulti, Object.assign({}, props));
+        }
         return react_1.default.createElement(FilterMultiList, Object.assign({}, props));
     }
-    if ("range" === props.filter.displayType) {
-        return react_1.default.createElement(FilterRange, Object.assign({}, props));
-    }
     if ("slider" === props.filter.displayType) {
         return react_1.default.createElement(FilterSlider, Object.assign({}, props));
     }
+    // TODO: Legacy range filter, migrate to new single and multi ranges
+    if ("range" === props.filter.displayType) {
+        return react_1.default.createElement(FilterRangeSingle, Object.assign({}, props));
+    }
     console.log(`filter with display type "${props.filter.displayType}" not yet supported`);
     return null;
 };
@@ -47,7 +55,19 @@ const FilterMultiList = (props) => {
     const reactiveFilterListProps = (0, hooks_1.useReactiveFilterListProps)(props.filter);
     return (react_1.default.createElement(MultiList_1.default, Object.assign({}, reactiveFilterListProps, { render: (reactivesearchFilterProps) => (react_1.default.createElement(FilterListInner, Object.assign({}, props, { reactivesearchFilterProps: reactivesearchFilterProps }))) })));
 };
-const FilterRange = (props) => {
+const FilterRangeSingle = (props) => {
+    var _a;
+    const reactiveFilterRangeProps = (0, hooks_1.useReactiveFilterRangeProps)(props.filter);
+    const filterRangeProps = (0, hooks_1.useFilterRangeProps)(props.filter);
+    const RenderRangeComponent = (_a = props.renderFilterRange) !== null && _a !== void 0 ? _a : components_1.ExampleFilterRange;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { style: {
+                display: "none",
+            } },
+            react_1.default.createElement(SingleRange_1.default, Object.assign({}, reactiveFilterRangeProps, { value: filterRangeProps.values[0], onChange: filterRangeProps.handleChange }))),
+        react_1.default.createElement(RenderRangeComponent, { filterRangeProps: filterRangeProps, filter: props.filter })));
+};
+const FilterRangeMulti = (props) => {
     var _a;
     const reactiveFilterRangeProps = (0, hooks_1.useReactiveFilterRangeProps)(props.filter);
     const filterRangeProps = (0, hooks_1.useFilterRangeProps)(props.filter);
@@ -56,7 +76,7 @@ const FilterRange = (props) => {
         react_1.default.createElement("div", { style: {
                 display: "none",
             } },
-            react_1.default.createElement(SingleRange_1.default, Object.assign({}, reactiveFilterRangeProps, { value: filterRangeProps.value, onChange: filterRangeProps.handleChange }))),
+            react_1.default.createElement(MultiRange_1.default, Object.assign({}, reactiveFilterRangeProps, { value: filterRangeProps.values, onChange: filterRangeProps.handleChange }))),
         react_1.default.createElement(RenderRangeComponent, { filterRangeProps: filterRangeProps, filter: props.filter })));
 };
 const FilterSlider = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport MultiList from \"@appbaseio/reactivesearch/lib/components/list/MultiList\";\nimport SingleList from \"@appbaseio/reactivesearch/lib/components/list/SingleList\";\nimport DynamicRangeSlider from \"@appbaseio/reactivesearch/lib/components/range/DynamicRangeSlider\";\nimport SingleRange from \"@appbaseio/reactivesearch/lib/components/range/SingleRange\";\n\nimport type {\n  ConfigFilterOption,\n  ReactivesearchFilterListProps,\n} from \"../../types\";\nimport {\n  useFilterListProps,\n  useFilterRangeProps,\n  useFilterSliderProps,\n  useReactiveFilterListProps,\n  useReactiveFilterRangeProps,\n  useReactiveFilterSliderProps,\n} from \"../../hooks\";\nimport {\n  ExampleFilterList,\n  ExampleFilterRange,\n  ExampleFilterSlider,\n} from \"../../components\";\n\nexport type FilterProps = {\n  /** The filter option being rendered */\n  filter: ConfigFilterOption;\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 Filter: React.FC<FilterProps> = (props) => {\n  if (\"single\" === props.filter.displayType) {\n    return <FilterSingleList {...props} />;\n  }\n\n  if (\"multi\" === props.filter.displayType) {\n    return <FilterMultiList {...props} />;\n  }\n\n  if (\"range\" === props.filter.displayType) {\n    return <FilterRange {...props} />;\n  }\n\n  if (\"slider\" === props.filter.displayType) {\n    return <FilterSlider {...props} />;\n  }\n\n  console.log(\n    `filter with display type \"${props.filter.displayType}\" not yet supported`\n  );\n\n  return null;\n};\n\nconst FilterSingleList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <SingleList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterMultiList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <MultiList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterRange: React.FC<FilterProps> = (props) => {\n  const reactiveFilterRangeProps = useReactiveFilterRangeProps(props.filter);\n\n  const filterRangeProps = useFilterRangeProps(props.filter);\n\n  const RenderRangeComponent = props.renderFilterRange ?? ExampleFilterRange;\n\n  return (\n    <>\n      <div\n        style={{\n          display: \"none\",\n        }}\n      >\n        <SingleRange\n          {...reactiveFilterRangeProps}\n          value={filterRangeProps.value}\n          onChange={filterRangeProps.handleChange}\n        />\n      </div>\n      <RenderRangeComponent\n        filterRangeProps={filterRangeProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\nconst FilterSlider: React.FC<FilterProps> = (props) => {\n  const reactiveFilterSliderProps = useReactiveFilterSliderProps(props.filter);\n\n  const filterSliderProps = useFilterSliderProps(props.filter);\n\n  const RenderSliderComponent = props.renderFilterSlider ?? ExampleFilterSlider;\n\n  return (\n    <>\n      {props.renderFilterSlider ? (\n        <div\n          style={{\n            display: \"none\",\n          }}\n        >\n          <DynamicRangeSlider\n            {...reactiveFilterSliderProps}\n            value={() => filterSliderProps.value}\n            onChange={(value) =>\n              filterSliderProps.handleChange({\n                start: value[0],\n                end: value[1],\n              })\n            }\n          />\n        </div>\n      ) : null}\n      <RenderSliderComponent\n        filterSliderProps={filterSliderProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterListInner: React.FC<\n  FilterProps & { reactivesearchFilterProps: ReactivesearchFilterListProps }\n> = (props) => {\n  const { filter, renderFilterList, reactivesearchFilterProps, ...otherProps } =\n    props;\n\n  const filterListProps = useFilterListProps(filter, reactivesearchFilterProps);\n\n  // hide entire filter when no options available\n  if (0 === filterListProps.options.length) {\n    return null;\n  }\n\n  if (renderFilterList) {\n    const Component = renderFilterList;\n    return (\n      <Component\n        filterListProps={filterListProps}\n        filter={filter}\n        {...otherProps}\n      />\n    );\n  }\n\n  return (\n    <ExampleFilterList\n      filterListProps={filterListProps}\n      filter={filter}\n      {...otherProps}\n    />\n  );\n};\n"]}
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport MultiList from \"@appbaseio/reactivesearch/lib/components/list/MultiList\";\nimport SingleList from \"@appbaseio/reactivesearch/lib/components/list/SingleList\";\nimport DynamicRangeSlider from \"@appbaseio/reactivesearch/lib/components/range/DynamicRangeSlider\";\nimport SingleRange from \"@appbaseio/reactivesearch/lib/components/range/SingleRange\";\nimport MultiRange from \"@appbaseio/reactivesearch/lib/components/range/MultiRange\";\n\nimport type {\n  ConfigFilterOption,\n  ReactivesearchFilterListProps,\n} from \"../../types\";\nimport {\n  useFilterListProps,\n  useFilterRangeProps,\n  useFilterSliderProps,\n  useReactiveFilterListProps,\n  useReactiveFilterRangeProps,\n  useReactiveFilterSliderProps,\n} from \"../../hooks\";\nimport {\n  ExampleFilterList,\n  ExampleFilterRange,\n  ExampleFilterSlider,\n} from \"../../components\";\n\nexport type FilterProps = {\n  /** The filter option being rendered */\n  filter: ConfigFilterOption;\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 Filter: React.FC<FilterProps> = (props) => {\n  if (\"single\" === props.filter.displayType) {\n    if (\"range\" === props.filter.displayView) {\n      return <FilterRangeSingle {...props} />;\n    }\n    return <FilterSingleList {...props} />;\n  }\n\n  if (\"multi\" === props.filter.displayType) {\n    if (\"range\" === props.filter.displayView) {\n      return <FilterRangeMulti {...props} />;\n    }\n    return <FilterMultiList {...props} />;\n  }\n\n  if (\"slider\" === props.filter.displayType) {\n    return <FilterSlider {...props} />;\n  }\n\n  // TODO: Legacy range filter, migrate to new single and multi ranges\n  if (\"range\" === props.filter.displayType) {\n    return <FilterRangeSingle {...props} />;\n  }\n\n  console.log(\n    `filter with display type \"${props.filter.displayType}\" not yet supported`\n  );\n\n  return null;\n};\n\nconst FilterSingleList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <SingleList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterMultiList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <MultiList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterListProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterRangeSingle: React.FC<FilterProps> = (props) => {\n  const reactiveFilterRangeProps = useReactiveFilterRangeProps(props.filter);\n\n  const filterRangeProps = useFilterRangeProps(props.filter);\n\n  const RenderRangeComponent = props.renderFilterRange ?? ExampleFilterRange;\n\n  return (\n    <>\n      <div\n        style={{\n          display: \"none\",\n        }}\n      >\n        <SingleRange\n          {...reactiveFilterRangeProps}\n          value={filterRangeProps.values[0]}\n          onChange={filterRangeProps.handleChange}\n        />\n      </div>\n      <RenderRangeComponent\n        filterRangeProps={filterRangeProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\nconst FilterRangeMulti: React.FC<FilterProps> = (props) => {\n  const reactiveFilterRangeProps = useReactiveFilterRangeProps(props.filter);\n\n  const filterRangeProps = useFilterRangeProps(props.filter);\n\n  const RenderRangeComponent = props.renderFilterRange ?? ExampleFilterRange;\n\n  return (\n    <>\n      <div\n        style={{\n          display: \"none\",\n        }}\n      >\n        <MultiRange\n          {...reactiveFilterRangeProps}\n          value={filterRangeProps.values}\n          onChange={filterRangeProps.handleChange}\n        />\n      </div>\n      <RenderRangeComponent\n        filterRangeProps={filterRangeProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\nconst FilterSlider: React.FC<FilterProps> = (props) => {\n  const reactiveFilterSliderProps = useReactiveFilterSliderProps(props.filter);\n\n  const filterSliderProps = useFilterSliderProps(props.filter);\n\n  const RenderSliderComponent = props.renderFilterSlider ?? ExampleFilterSlider;\n\n  return (\n    <>\n      {props.renderFilterSlider ? (\n        <div\n          style={{\n            display: \"none\",\n          }}\n        >\n          <DynamicRangeSlider\n            {...reactiveFilterSliderProps}\n            value={() => filterSliderProps.value}\n            onChange={(value) =>\n              filterSliderProps.handleChange({\n                start: value[0],\n                end: value[1],\n              })\n            }\n          />\n        </div>\n      ) : null}\n      <RenderSliderComponent\n        filterSliderProps={filterSliderProps}\n        filter={props.filter}\n      />\n    </>\n  );\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterListInner: React.FC<\n  FilterProps & { reactivesearchFilterProps: ReactivesearchFilterListProps }\n> = (props) => {\n  const { filter, renderFilterList, reactivesearchFilterProps, ...otherProps } =\n    props;\n\n  const filterListProps = useFilterListProps(filter, reactivesearchFilterProps);\n\n  // hide entire filter when no options available\n  if (0 === filterListProps.options.length) {\n    return null;\n  }\n\n  if (renderFilterList) {\n    const Component = renderFilterList;\n    return (\n      <Component\n        filterListProps={filterListProps}\n        filter={filter}\n        {...otherProps}\n      />\n    );\n  }\n\n  return (\n    <ExampleFilterList\n      filterListProps={filterListProps}\n      filter={filter}\n      {...otherProps}\n    />\n  );\n};\n"]}

package/dist/src/hooks/useFilterRangeProps.d.ts

@@ -6,6 +6,6 @@ export declare const useFilterRangeProps: (filter: ConfigFilterOption) => {
         label: string;
         checked: boolean;
     }>;
-    value: string;
+    values: string[];
     handleChange: (key: string) => void;
 };

package/dist/src/hooks/useFilterRangeProps.js

@@ -9,7 +9,7 @@ const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const useFilterRangeProps = (filter) => {
     const { track } = (0, hooks_1.useAnalytics)();
-    const [filterValue, setFilterValue] = react_1.default.useState("");
+    const [filterValues, setFilterValues] = react_1.default.useState([]);
     const handleChange = react_1.default.useCallback((key) => {
         utility_1.debug.breadcrumb({
             category: "filter",
@@ -20,8 +20,16 @@ const useFilterRangeProps = (filter) => {
                 value: key,
             },
         });
-        utility_1.debug.log("useFilterRangeProps", "handleChange[key]", key);
-        setFilterValue(key);
+        utility_1.debug.log("useFilterRangeMultiProps", "handleChange[key]", key);
+        if (filter.displayType === "multi") {
+            const selected = filterValues.find((item) => item === key)
+                ? filterValues.filter((value) => value !== key)
+                : [...filterValues, key];
+            setFilterValues(selected);
+        }
+        if (filter.displayType === "single") {
+            setFilterValues([key]);
+        }
         track({
             eventName: "filterChange",
             payload: {
@@ -29,7 +37,7 @@ const useFilterRangeProps = (filter) => {
                 value: key,
             },
         });
-    }, [filter]);
+    }, [filter, filterValues]);
     const filterRangeProps = react_1.default.useMemo(() => {
         var _a, _b;
         const options = (_b = (_a = filter.displayRangeOptions) === null || _a === void 0 ? void 0 : _a.map((option) => {
@@ -37,16 +45,16 @@ const useFilterRangeProps = (filter) => {
             return {
                 key: key,
                 label: filter.settingsUppercase ? key.toUpperCase() : key,
-                checked: filterValue === key,
+                checked: filterValues.includes(key),
             };
         })) !== null && _b !== void 0 ? _b : [];
         return {
             handleChange,
             filter,
-            value: filterValue,
+            values: filterValues,
             options,
         };
-    }, [filter, filterValue, handleChange]);
+    }, [filter, filterValues, handleChange]);
     return filterRangeProps;
 };
 exports.useFilterRangeProps = useFilterRangeProps;

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

@@ -1 +1 @@
-{"version":3,"file":"useFilterRangeProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterRangeProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAwC;AACxC,wCAAmC;AAE5B,MAAM,mBAAmB,GAAG,CACjC,MAA0B,EAU1B,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CACpC,CAAC,GAAW,EAAE,EAAE;QACd,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,uBAAuB;YAChC,IAAI,EAAE;gBACJ,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,GAAG;aACX;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,qBAAqB,EAAE,mBAAmB,EAAE,GAAG,CAAC,CAAC;QAE3D,cAAc,CAAC,GAAG,CAAC,CAAC;QAEpB,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,KAAK,EAAE,GAAG;aACX;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,gBAAgB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC1C,MAAM,OAAO,GACX,MAAA,MAAA,MAAM,CAAC,mBAAmB,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACzC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChC,OAAO;gBACL,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG;gBACzD,OAAO,EAAE,WAAW,KAAK,GAAG;aAC7B,CAAC;QACJ,CAAC,CAAC,mCAAI,EAAE,CAAC;QAEX,OAAO;YACL,YAAY;YACZ,MAAM;YACN,KAAK,EAAE,WAAW;YAClB,OAAO;SACR,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AA9DW,QAAA,mBAAmB,uBA8D9B","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilterRangeProps = (\n  filter: ConfigFilterOption\n): {\n  filter: ConfigFilterOption;\n  options: Array<{\n    key: string;\n    label: string;\n    checked: boolean;\n  }>;\n  value: string;\n  handleChange: (key: string) => void;\n} => {\n  const { track } = useAnalytics();\n  const [filterValue, setFilterValue] = React.useState<string>(\"\");\n\n  const handleChange = React.useCallback(\n    (key: string) => {\n      debug.breadcrumb({\n        category: \"filter\",\n        message: \"filter option changed\",\n        data: {\n          filter: filter.name,\n          field: filter.field,\n          value: key,\n        },\n      });\n\n      debug.log(\"useFilterRangeProps\", \"handleChange[key]\", key);\n\n      setFilterValue(key);\n\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: key,\n        },\n      });\n    },\n    [filter]\n  );\n\n  const filterRangeProps = React.useMemo(() => {\n    const options =\n      filter.displayRangeOptions?.map((option) => {\n        const [key] = option.split(\":\");\n        return {\n          key: key,\n          label: filter.settingsUppercase ? key.toUpperCase() : key,\n          checked: filterValue === key,\n        };\n      }) ?? [];\n\n    return {\n      handleChange,\n      filter,\n      value: filterValue,\n      options,\n    };\n  }, [filter, filterValue, handleChange]);\n\n  return filterRangeProps;\n};\n"]}
+{"version":3,"file":"useFilterRangeProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterRangeProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAwC;AACxC,wCAAmC;AAE5B,MAAM,mBAAmB,GAAG,CACjC,MAA0B,EAU1B,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAW,EAAE,CAAC,CAAC;IAErE,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CACpC,CAAC,GAAW,EAAE,EAAE;QACd,eAAK,CAAC,UAAU,CAAC;YACf,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,uBAAuB;YAChC,IAAI,EAAE;gBACJ,MAAM,EAAE,MAAM,CAAC,IAAI;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,GAAG;aACX;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,0BAA0B,EAAE,mBAAmB,EAAE,GAAG,CAAC,CAAC;QAEhE,IAAI,MAAM,CAAC,WAAW,KAAK,OAAO,EAAE;YAClC,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,KAAK,GAAG,CAAC;gBAChE,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC;gBAC/C,CAAC,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,CAAC,CAAC;YAE3B,eAAe,CAAC,QAAQ,CAAC,CAAC;SAC3B;QACD,IAAI,MAAM,CAAC,WAAW,KAAK,QAAQ,EAAE;YACnC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SACxB;QAED,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,KAAK,EAAE,GAAG;aACX;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,EAAE,YAAY,CAAC,CACvB,CAAC;IAEF,MAAM,gBAAgB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC1C,MAAM,OAAO,GACX,MAAA,MAAA,MAAM,CAAC,mBAAmB,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACzC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChC,OAAO;gBACL,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG;gBACzD,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;aACpC,CAAC;QACJ,CAAC,CAAC,mCAAI,EAAE,CAAC;QAEX,OAAO;YACL,YAAY;YACZ,MAAM;YACN,MAAM,EAAE,YAAY;YACpB,OAAO;SACR,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzC,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAvEW,QAAA,mBAAmB,uBAuE9B","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilterRangeProps = (\n  filter: ConfigFilterOption\n): {\n  filter: ConfigFilterOption;\n  options: Array<{\n    key: string;\n    label: string;\n    checked: boolean;\n  }>;\n  values: string[];\n  handleChange: (key: string) => void;\n} => {\n  const { track } = useAnalytics();\n  const [filterValues, setFilterValues] = React.useState<string[]>([]);\n\n  const handleChange = React.useCallback(\n    (key: string) => {\n      debug.breadcrumb({\n        category: \"filter\",\n        message: \"filter option changed\",\n        data: {\n          filter: filter.name,\n          field: filter.field,\n          value: key,\n        },\n      });\n\n      debug.log(\"useFilterRangeMultiProps\", \"handleChange[key]\", key);\n\n      if (filter.displayType === \"multi\") {\n        const selected = filterValues.find((item: string) => item === key)\n          ? filterValues.filter((value) => value !== key)\n          : [...filterValues, key];\n\n        setFilterValues(selected);\n      }\n      if (filter.displayType === \"single\") {\n        setFilterValues([key]);\n      }\n\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: key,\n        },\n      });\n    },\n    [filter, filterValues]\n  );\n\n  const filterRangeProps = React.useMemo(() => {\n    const options =\n      filter.displayRangeOptions?.map((option) => {\n        const [key] = option.split(\":\");\n        return {\n          key: key,\n          label: filter.settingsUppercase ? key.toUpperCase() : key,\n          checked: filterValues.includes(key),\n        };\n      }) ?? [];\n\n    return {\n      handleChange,\n      filter,\n      values: filterValues,\n      options,\n    };\n  }, [filter, filterValues, handleChange]);\n\n  return filterRangeProps;\n};\n"]}

package/dist/src/types/firestore.d.ts

@@ -135,7 +135,7 @@ export interface FilterOption {
     displaySliderSuffix?: string;
     displayRangeOptions?: Array<string>;
     displayType: "multi" | "single" | "range" | "slider";
-    displayView: "list" | "check" | "swatch" | "box";
+    displayView: "list" | "check" | "swatch" | "range" | "box";
     enabled: boolean;
     field: string;
     id: string;

package/dist/src/types/firestore.js.map

@@ -1 +1 @@
-{"version":3,"file":"firestore.js","sourceRoot":"","sources":["../../../src/types/firestore.ts"],"names":[],"mappings":";;;AAkOA,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,2CAAyB,CAAA;IACzB,yCAAuB,CAAA;IACvB,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;IACvB,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;AACrB,CAAC,EARW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAQzB;AAyBD,IAAY,OAGX;AAHD,WAAY,OAAO;IACjB,8BAAmB,CAAA;IACnB,8BAAmB,CAAA;AACrB,CAAC,EAHW,OAAO,GAAP,eAAO,KAAP,eAAO,QAGlB","sourcesContent":["// @todo this is so we don't need to import firebase\ntype Timestamp = string;\n\nimport { ShopifyProduct } from \"./shopify\";\nimport { ElasticDataType } from \"./elastic\";\n\nexport interface Log {\n  id: string;\n  keywords: string[];\n  message: string;\n  platform: \"reactify\" | \"shopify\" | \"elastic\";\n  percentCompleted: number;\n  action?: {\n    type: \"retry\";\n    label: string;\n    task: Task[\"taskId\"];\n  };\n  step:\n    | \"download\"\n    | \"transform\"\n    | \"merge\"\n    | \"upload\"\n    | \"cleanup\"\n    | \"complete\"\n    | \"sync\";\n  title: string;\n  type: \"bulk\";\n  data?: string; // JSON sringified data\n  progress: \"new\" | \"error\" | \"complete\" | \"partiallyComplete\";\n  status: \"success\" | \"info\" | \"warning\" | \"critical\"; // polaris banner status\n  createdAt: Timestamp;\n  updatedAt?: Timestamp;\n  finishedAt?: Timestamp;\n}\n\nexport interface Task {\n  logId: string;\n  taskId:\n    | \"download\"\n    | \"transform\"\n    | \"merge\"\n    | \"upload\"\n    | \"cleanup\"\n    | \"refreshDefinedFields\"\n    | \"install\";\n  firstRun: boolean;\n  createdAt: Timestamp;\n  updatedAt?: Timestamp;\n}\n\nexport interface TaskDownload extends Task {\n  taskId: \"download\";\n  type: \"collection\" | \"product\";\n  productUrl?: string;\n  collectionUrl?: string;\n}\n\nexport interface TaskTransform extends Task {\n  taskId: \"transform\";\n  productUrl: string;\n  collectionUrl: string;\n}\n\nexport interface TaskMerge extends Task {\n  taskId: \"merge\";\n  productCount: number;\n  collectionCount: number;\n  startAfterId?: string;\n}\n\nexport interface TaskUpload extends Task {\n  taskId: \"upload\";\n  productCount: number;\n  collectionCount: number;\n  startAfterId?: string;\n}\n\nexport interface TaskCleanup extends Task {\n  taskId: \"cleanup\";\n}\n\nexport interface TaskRefreshDefinedFields extends Task {\n  taskId: \"refreshDefinedFields\";\n}\n\nexport interface TaskInstall extends Task {\n  taskId: \"install\";\n}\n\nexport interface Lock {\n  logId: string;\n  taskType: \"sync\";\n  createdAt: Timestamp;\n}\n\nexport interface SettingsInstance {\n  index: string;\n  cloudId: string;\n  endpoint: string;\n  password: string;\n  username: string;\n  syncFrequency: string;\n  syncThreshold: number;\n  provider: \"elastic\" | \"aws\";\n  storefrontAccessToken: string;\n  customMappings: string; // JSON sringified data\n}\n\nexport interface SettingsProduct {\n  tagChild?: string;\n  tagKeys?: string[];\n  tagParent?: string;\n  syncObjects: string[];\n  tagExclude?: string[];\n  tagSeparator?: string;\n  metafieldWhitelist?: string[];\n}\n\nexport interface SettingsCurations {\n  moreInfo?: boolean;\n  pageSize?: number;\n  gridColumns?: number;\n}\n\nexport interface Field {\n  id: string;\n  field: string;\n  enabled: boolean;\n  importance: number;\n  searchType: \"always_search\" | \"search_page\" | \"instant_search\";\n}\n\nexport interface DefinedField {\n  label: string;\n  value: string;\n  type: ElasticDataType;\n}\n\nexport interface Sort {\n  id: string;\n  name: string;\n  handle: string;\n  field: string;\n  position: number;\n  enabled: boolean;\n  direction: \"desc\" | \"asc\";\n  visibility: \"all\" | \"search\" | \"collection\";\n}\n\nexport interface Filter {\n  id: string;\n  name: string;\n  handle: string;\n  enabled: boolean;\n  pageSize: number;\n  keywords: string[];\n  defaultSort: string;\n  collections: string[];\n  type: \"search\" | \"collection\";\n  paginationType: \"pagination\" | \"load_more\" | \"next_prev\" | \"infinite_scroll\";\n  inventoryVisibility:\n    | \"show_all\"\n    | \"hide_products\"\n    | \"hide_variants\"\n    | \"hide_all\";\n}\n\nexport interface FilterOption {\n  displaySize: string;\n  displaySliderInterval: string;\n  displaySliderStep: string;\n  displaySliderPrefix?: string;\n  displaySliderSuffix?: string;\n  displayRangeOptions?: Array<string>; // formatted like \"<label>:<start>:<end>\"\n  displayType: \"multi\" | \"single\" | \"range\" | \"slider\";\n  displayView: \"list\" | \"check\" | \"swatch\" | \"box\";\n  enabled: boolean;\n  field: string;\n  id: string;\n  name: string;\n  handle: string;\n  position: number;\n  settingsCollapsedDesktop: boolean;\n  settingsCollapsedMobile: boolean;\n  settingsShowFilter: boolean;\n  settingsShowMore: boolean;\n  settingsShowSearch: boolean;\n  settingsUppercase: boolean;\n  settingsHideUnavailable: boolean;\n  valuesExclude: Array<string>;\n  valuesManual: Array<string>;\n  valuesShow: \"all\" | \"manual\";\n}\n\nexport interface Redirect {\n  id: string;\n  url: string;\n  query: string;\n  enabled: boolean;\n  keywords: string[];\n}\n\nexport interface Curation {\n  id: string;\n  title: string;\n  status: CurationStatus;\n  published: boolean;\n  keywords: string[];\n  searchTerm?: string;\n  longRunningTask?: boolean;\n  collectionHandle?: string;\n  type: \"collection\" | \"search\";\n  boosting?: {\n    groupings?: BoostGrouping[];\n    sortings?: BoostSorting[];\n  };\n  sort?: CurationSort;\n}\n\nexport interface CurationSort {\n  sortTag?: string;\n  sortOption: string;\n  sortDirection: \"asc\" | \"desc\";\n  sortVariantOption?: \"option1\" | \"option2\" | \"option3\";\n}\n\nexport enum CurationStatus {\n  Draft = \"draft\",\n  Publishing = \"publishing\",\n  Published = \"published\",\n  Unpublishing = \"unpublishing\",\n  Resetting = \"resetting\",\n  Pinning = \"pinning\",\n  Sorting = \"sorting\",\n}\n\nexport interface CurationHiding {\n  productId: number;\n  productHandle: string;\n}\n\nexport interface BoostGrouping {\n  key: string;\n  value: string;\n  field: string;\n  position: number;\n  operation: string;\n}\n\nexport interface BoostSorting {\n  key: string;\n  field: string;\n  query?: string;\n  position: number;\n  direction: \"asc\" | \"desc\";\n}\n\nexport type Pin = PinProduct | PinCallout;\n\nexport enum PinType {\n  Product = \"product\",\n  Callout = \"callout\",\n}\n\nexport interface PinProduct {\n  key: string;\n  type: PinType.Product;\n  position: number;\n  productId: number;\n  productHandle: string;\n}\n\nexport interface PinCallout {\n  key: string;\n  type: PinType.Callout;\n  position: number;\n  calloutId: string;\n}\n\nexport interface Callout {\n  id: string;\n  link: string;\n  title: string;\n  content: string;\n  enabled: boolean;\n  textColor: string;\n  keywords: string[];\n  mobileImage: string;\n  mobileVideo: string;\n  desktopVideo: string;\n  desktopImage: string;\n  backgroundColor: string;\n  visibility: \"desktop\" | \"mobile\" | \"all\";\n  displayColumns: string; // @todo this should be a number\n  displayRows: string; // @todo this should be a number\n  selectedDates?: {\n    end: Timestamp;\n    start: Timestamp;\n  };\n}\n\nexport interface Synonym {\n  id: string;\n  name: string;\n  enabled: boolean;\n  keywords: string[];\n  synonyms: string[];\n  type: \"group\" | \"oneway\";\n}\n\nexport interface MergedValue {\n  id: string;\n  name: string;\n  field: string;\n  keywords: string[];\n  values: string[];\n}\n\nexport interface Collection {\n  title: string;\n  handle: string;\n  shopifyId: string;\n  productIds: string[];\n  storefrontId: string;\n  legacyResourceId: number;\n}\n\n// product is the shopify product with edges and nodes normalised\nexport type Product = Omit<\n  ShopifyProduct,\n  \"variants\" | \"images\" | \"media\" | \"metafields\"\n> & {\n  variants: (Omit<\n    ShopifyProduct[\"variants\"][\"edges\"][0][\"node\"],\n    \"presentmentPrices\"\n  > & {\n    images?: ShopifyProduct[\"images\"][\"edges\"][0][\"node\"][]; // from child product if this variant is from a child\n    presentmentPrices: ShopifyProduct[\"variants\"][\"edges\"][0][\"node\"][\"presentmentPrices\"][\"edges\"][0][\"node\"][];\n  })[];\n  images: ShopifyProduct[\"images\"][\"edges\"][0][\"node\"][];\n  media: ShopifyProduct[\"media\"][\"edges\"][0][\"node\"][];\n  metafields: ShopifyProduct[\"metafields\"][\"edges\"][0][\"node\"][];\n};\n"]}
+{"version":3,"file":"firestore.js","sourceRoot":"","sources":["../../../src/types/firestore.ts"],"names":[],"mappings":";;;AAkOA,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,2CAAyB,CAAA;IACzB,yCAAuB,CAAA;IACvB,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;IACvB,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;AACrB,CAAC,EARW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAQzB;AAyBD,IAAY,OAGX;AAHD,WAAY,OAAO;IACjB,8BAAmB,CAAA;IACnB,8BAAmB,CAAA;AACrB,CAAC,EAHW,OAAO,GAAP,eAAO,KAAP,eAAO,QAGlB","sourcesContent":["// @todo this is so we don't need to import firebase\ntype Timestamp = string;\n\nimport { ShopifyProduct } from \"./shopify\";\nimport { ElasticDataType } from \"./elastic\";\n\nexport interface Log {\n  id: string;\n  keywords: string[];\n  message: string;\n  platform: \"reactify\" | \"shopify\" | \"elastic\";\n  percentCompleted: number;\n  action?: {\n    type: \"retry\";\n    label: string;\n    task: Task[\"taskId\"];\n  };\n  step:\n    | \"download\"\n    | \"transform\"\n    | \"merge\"\n    | \"upload\"\n    | \"cleanup\"\n    | \"complete\"\n    | \"sync\";\n  title: string;\n  type: \"bulk\";\n  data?: string; // JSON sringified data\n  progress: \"new\" | \"error\" | \"complete\" | \"partiallyComplete\";\n  status: \"success\" | \"info\" | \"warning\" | \"critical\"; // polaris banner status\n  createdAt: Timestamp;\n  updatedAt?: Timestamp;\n  finishedAt?: Timestamp;\n}\n\nexport interface Task {\n  logId: string;\n  taskId:\n    | \"download\"\n    | \"transform\"\n    | \"merge\"\n    | \"upload\"\n    | \"cleanup\"\n    | \"refreshDefinedFields\"\n    | \"install\";\n  firstRun: boolean;\n  createdAt: Timestamp;\n  updatedAt?: Timestamp;\n}\n\nexport interface TaskDownload extends Task {\n  taskId: \"download\";\n  type: \"collection\" | \"product\";\n  productUrl?: string;\n  collectionUrl?: string;\n}\n\nexport interface TaskTransform extends Task {\n  taskId: \"transform\";\n  productUrl: string;\n  collectionUrl: string;\n}\n\nexport interface TaskMerge extends Task {\n  taskId: \"merge\";\n  productCount: number;\n  collectionCount: number;\n  startAfterId?: string;\n}\n\nexport interface TaskUpload extends Task {\n  taskId: \"upload\";\n  productCount: number;\n  collectionCount: number;\n  startAfterId?: string;\n}\n\nexport interface TaskCleanup extends Task {\n  taskId: \"cleanup\";\n}\n\nexport interface TaskRefreshDefinedFields extends Task {\n  taskId: \"refreshDefinedFields\";\n}\n\nexport interface TaskInstall extends Task {\n  taskId: \"install\";\n}\n\nexport interface Lock {\n  logId: string;\n  taskType: \"sync\";\n  createdAt: Timestamp;\n}\n\nexport interface SettingsInstance {\n  index: string;\n  cloudId: string;\n  endpoint: string;\n  password: string;\n  username: string;\n  syncFrequency: string;\n  syncThreshold: number;\n  provider: \"elastic\" | \"aws\";\n  storefrontAccessToken: string;\n  customMappings: string; // JSON sringified data\n}\n\nexport interface SettingsProduct {\n  tagChild?: string;\n  tagKeys?: string[];\n  tagParent?: string;\n  syncObjects: string[];\n  tagExclude?: string[];\n  tagSeparator?: string;\n  metafieldWhitelist?: string[];\n}\n\nexport interface SettingsCurations {\n  moreInfo?: boolean;\n  pageSize?: number;\n  gridColumns?: number;\n}\n\nexport interface Field {\n  id: string;\n  field: string;\n  enabled: boolean;\n  importance: number;\n  searchType: \"always_search\" | \"search_page\" | \"instant_search\";\n}\n\nexport interface DefinedField {\n  label: string;\n  value: string;\n  type: ElasticDataType;\n}\n\nexport interface Sort {\n  id: string;\n  name: string;\n  handle: string;\n  field: string;\n  position: number;\n  enabled: boolean;\n  direction: \"desc\" | \"asc\";\n  visibility: \"all\" | \"search\" | \"collection\";\n}\n\nexport interface Filter {\n  id: string;\n  name: string;\n  handle: string;\n  enabled: boolean;\n  pageSize: number;\n  keywords: string[];\n  defaultSort: string;\n  collections: string[];\n  type: \"search\" | \"collection\";\n  paginationType: \"pagination\" | \"load_more\" | \"next_prev\" | \"infinite_scroll\";\n  inventoryVisibility:\n    | \"show_all\"\n    | \"hide_products\"\n    | \"hide_variants\"\n    | \"hide_all\";\n}\n\nexport interface FilterOption {\n  displaySize: string;\n  displaySliderInterval: string;\n  displaySliderStep: string;\n  displaySliderPrefix?: string;\n  displaySliderSuffix?: string;\n  displayRangeOptions?: Array<string>; // formatted like \"<label>:<start>:<end>\"\n  displayType: \"multi\" | \"single\" | \"range\" | \"slider\";\n  displayView: \"list\" | \"check\" | \"swatch\" | \"range\" | \"box\";\n  enabled: boolean;\n  field: string;\n  id: string;\n  name: string;\n  handle: string;\n  position: number;\n  settingsCollapsedDesktop: boolean;\n  settingsCollapsedMobile: boolean;\n  settingsShowFilter: boolean;\n  settingsShowMore: boolean;\n  settingsShowSearch: boolean;\n  settingsUppercase: boolean;\n  settingsHideUnavailable: boolean;\n  valuesExclude: Array<string>;\n  valuesManual: Array<string>;\n  valuesShow: \"all\" | \"manual\";\n}\n\nexport interface Redirect {\n  id: string;\n  url: string;\n  query: string;\n  enabled: boolean;\n  keywords: string[];\n}\n\nexport interface Curation {\n  id: string;\n  title: string;\n  status: CurationStatus;\n  published: boolean;\n  keywords: string[];\n  searchTerm?: string;\n  longRunningTask?: boolean;\n  collectionHandle?: string;\n  type: \"collection\" | \"search\";\n  boosting?: {\n    groupings?: BoostGrouping[];\n    sortings?: BoostSorting[];\n  };\n  sort?: CurationSort;\n}\n\nexport interface CurationSort {\n  sortTag?: string;\n  sortOption: string;\n  sortDirection: \"asc\" | \"desc\";\n  sortVariantOption?: \"option1\" | \"option2\" | \"option3\";\n}\n\nexport enum CurationStatus {\n  Draft = \"draft\",\n  Publishing = \"publishing\",\n  Published = \"published\",\n  Unpublishing = \"unpublishing\",\n  Resetting = \"resetting\",\n  Pinning = \"pinning\",\n  Sorting = \"sorting\",\n}\n\nexport interface CurationHiding {\n  productId: number;\n  productHandle: string;\n}\n\nexport interface BoostGrouping {\n  key: string;\n  value: string;\n  field: string;\n  position: number;\n  operation: string;\n}\n\nexport interface BoostSorting {\n  key: string;\n  field: string;\n  query?: string;\n  position: number;\n  direction: \"asc\" | \"desc\";\n}\n\nexport type Pin = PinProduct | PinCallout;\n\nexport enum PinType {\n  Product = \"product\",\n  Callout = \"callout\",\n}\n\nexport interface PinProduct {\n  key: string;\n  type: PinType.Product;\n  position: number;\n  productId: number;\n  productHandle: string;\n}\n\nexport interface PinCallout {\n  key: string;\n  type: PinType.Callout;\n  position: number;\n  calloutId: string;\n}\n\nexport interface Callout {\n  id: string;\n  link: string;\n  title: string;\n  content: string;\n  enabled: boolean;\n  textColor: string;\n  keywords: string[];\n  mobileImage: string;\n  mobileVideo: string;\n  desktopVideo: string;\n  desktopImage: string;\n  backgroundColor: string;\n  visibility: \"desktop\" | \"mobile\" | \"all\";\n  displayColumns: string; // @todo this should be a number\n  displayRows: string; // @todo this should be a number\n  selectedDates?: {\n    end: Timestamp;\n    start: Timestamp;\n  };\n}\n\nexport interface Synonym {\n  id: string;\n  name: string;\n  enabled: boolean;\n  keywords: string[];\n  synonyms: string[];\n  type: \"group\" | \"oneway\";\n}\n\nexport interface MergedValue {\n  id: string;\n  name: string;\n  field: string;\n  keywords: string[];\n  values: string[];\n}\n\nexport interface Collection {\n  title: string;\n  handle: string;\n  shopifyId: string;\n  productIds: string[];\n  storefrontId: string;\n  legacyResourceId: number;\n}\n\n// product is the shopify product with edges and nodes normalised\nexport type Product = Omit<\n  ShopifyProduct,\n  \"variants\" | \"images\" | \"media\" | \"metafields\"\n> & {\n  variants: (Omit<\n    ShopifyProduct[\"variants\"][\"edges\"][0][\"node\"],\n    \"presentmentPrices\"\n  > & {\n    images?: ShopifyProduct[\"images\"][\"edges\"][0][\"node\"][]; // from child product if this variant is from a child\n    presentmentPrices: ShopifyProduct[\"variants\"][\"edges\"][0][\"node\"][\"presentmentPrices\"][\"edges\"][0][\"node\"][];\n  })[];\n  images: ShopifyProduct[\"images\"][\"edges\"][0][\"node\"][];\n  media: ShopifyProduct[\"media\"][\"edges\"][0][\"node\"][];\n  metafields: ShopifyProduct[\"metafields\"][\"edges\"][0][\"node\"][];\n};\n"]}

package/package.json

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