@usereactify/search 5.59.0 → 5.59.1-beta.0

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

@@ -1 +1 @@
-{"version":3,"file":"useCuration.js","sourceRoot":"","sources":["../../../src/hooks/useCuration.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ConfigCuration } from \"../types\";\nimport { useReactifySearchContext, useSearch } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useCuration = (): {\n  curation?: ConfigCuration;\n} => {\n  const { options, config } = useReactifySearchContext();\n  const { searchTerm } = useSearch();\n\n  const curation = React.useMemo(() => {\n    const handleOrSearchTerm =\n      options.mode === \"collection\" ? options.collectionHandle : searchTerm;\n\n    const normalisedHandleOrSearchTerm = handleOrSearchTerm\n      .toLowerCase()\n      .trim();\n\n    const globalCuration = config.curations.find((curation) => {\n      if (options.mode === \"search\") {\n        if (options.market) {\n          return curation.id === `global_${options.market}_search`;\n        } else {\n          return curation.id === \"global_search\";\n        }\n      }\n      if (options.mode === \"instant-search\") {\n        if (options.market) {\n          return curation.id === `global_${options.market}_search`;\n        } else {\n          return curation.id === \"global_search\";\n        }\n      }\n      if (options.mode === \"collection\") {\n        if (options.market) {\n          return curation.id === `global_${options.market}_collection`;\n        } else {\n          return curation.id === \"global_collection\";\n        }\n      }\n      return false;\n    });\n\n    const curation = config.curations.find((curation) => {\n      if (options.market) {\n        if (curation.markets && !curation.markets.includes(options.market)) {\n          return false;\n        }\n      }\n\n      const normalisedSearchTerm = curation.searchTerm?.toLowerCase().trim();\n      const normalisedCollectionHandle = curation.collectionHandle\n        ?.toLowerCase()\n        .trim();\n\n      if (\"instant-search\" === options.mode) {\n        return (\n          \"search\" === curation.type &&\n          normalisedHandleOrSearchTerm === normalisedSearchTerm\n        );\n      }\n\n      if (\"search\" === options.mode) {\n        return (\n          \"search\" === curation.type &&\n          normalisedHandleOrSearchTerm === normalisedSearchTerm\n        );\n      }\n\n      if (\"collection\" === options.mode) {\n        return (\n          \"collection\" === curation.type &&\n          normalisedHandleOrSearchTerm === normalisedCollectionHandle\n        );\n      }\n\n      return false;\n    });\n\n    const addGlobalBoosting = (curation: ConfigCuration) => {\n      if (!globalCuration) {\n        return curation;\n      }\n\n      const curationHasRules =\n        !!curation.boosting.groupings.length ||\n        !!curation.boosting.sortings.length;\n\n      if (curationHasRules) {\n        return curation;\n      }\n\n      const curationWithGlobalBoosting = {\n        ...curation,\n        boosting: globalCuration.boosting,\n      } as ConfigCuration;\n\n      return curationWithGlobalBoosting;\n    };\n\n    return curation\n      ? addGlobalBoosting(curation)\n      : globalCuration\n      ? globalCuration\n      : undefined;\n  }, [\n    config,\n    options.mode === \"collection\" ? options.collectionHandle : undefined,\n    searchTerm,\n  ]);\n\n  React.useEffect(() => {\n    debug.log(\"useCuration\", \"curation\", curation);\n  }, [curation]);\n\n  return {\n    curation: curation,\n  };\n};\n"]}
+{"version":3,"file":"useCuration.js","sourceRoot":"","sources":["../../../src/hooks/useCuration.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useReactifySearchContext, useSearch } from \"../hooks\";\nimport type { ConfigCuration } from \"../types\";\nimport { debug } from \"../utility\";\n\nexport const useCuration = (): {\n  curation?: ConfigCuration;\n} => {\n  const { options, config } = useReactifySearchContext();\n  const { searchTerm } = useSearch();\n\n  const curation = React.useMemo(() => {\n    const handleOrSearchTerm = options.mode === \"collection\" ? options.collectionHandle : searchTerm;\n\n    const normalisedHandleOrSearchTerm = handleOrSearchTerm.toLowerCase().trim();\n\n    const globalCuration = config.curations.find((curation) => {\n      if (options.mode === \"search\") {\n        if (options.market) {\n          return curation.id === `global_${options.market}_search`;\n        } else {\n          return curation.id === \"global_search\";\n        }\n      }\n      if (options.mode === \"instant-search\") {\n        if (options.market) {\n          return curation.id === `global_${options.market}_search`;\n        } else {\n          return curation.id === \"global_search\";\n        }\n      }\n      if (options.mode === \"collection\") {\n        if (options.market) {\n          return curation.id === `global_${options.market}_collection`;\n        } else {\n          return curation.id === \"global_collection\";\n        }\n      }\n      return false;\n    });\n\n    const curation = config.curations.find((curation) => {\n      if (options.market) {\n        if (curation.markets && !curation.markets.includes(options.market)) {\n          return false;\n        }\n      }\n\n      const normalisedSearchTerm = curation.searchTerm?.toLowerCase().trim();\n      const normalisedCollectionHandle = curation.collectionHandle?.toLowerCase().trim();\n\n      if (\"instant-search\" === options.mode) {\n        return \"search\" === curation.type && normalisedHandleOrSearchTerm === normalisedSearchTerm;\n      }\n\n      if (\"search\" === options.mode) {\n        return \"search\" === curation.type && normalisedHandleOrSearchTerm === normalisedSearchTerm;\n      }\n\n      if (\"collection\" === options.mode) {\n        return \"collection\" === curation.type && normalisedHandleOrSearchTerm === normalisedCollectionHandle;\n      }\n\n      return false;\n    });\n\n    const addGlobalBoosting = (curation: ConfigCuration) => {\n      if (!globalCuration) return curation;\n\n      const curationHasRules = !!curation.boosting.groupings.length || !!curation.boosting.sortings.length;\n\n      if (curationHasRules) return curation;\n\n      const curationWithGlobalBoosting = {\n        ...curation,\n        boosting: globalCuration.boosting,\n      } as ConfigCuration;\n\n      return curationWithGlobalBoosting;\n    };\n\n    return curation ? addGlobalBoosting(curation) : globalCuration ? globalCuration : undefined;\n  }, [config, searchTerm, options]);\n\n  React.useEffect(() => {\n    debug.log(\"useCuration\", \"curation\", curation);\n  }, [curation]);\n\n  return {\n    curation: curation,\n  };\n};\n"]}

package/dist/src/hooks/useDebugger.js

@@ -9,10 +9,10 @@ const utility_1 = require("../utility");
 const useDebugger = (namespace, message, value) => {
     react_1.default.useEffect(() => {
         utility_1.debug.log(namespace, message, value);
-    }, [value]);
+    }, [value, message, namespace]);
 };
 exports.useDebugger = useDebugger;
-let useDebuggerOnceCache = {};
+const useDebuggerOnceCache = {};
 const useDebuggerOnce = (namespace, message, value) => {
     react_1.default.useEffect(() => {
         if (useDebuggerOnceCache[`${namespace}:${message}`]) {
@@ -20,7 +20,7 @@ const useDebuggerOnce = (namespace, message, value) => {
         }
         useDebuggerOnceCache[`${namespace}:${message}`] = true;
         utility_1.debug.log(namespace, message, value);
-    }, []);
+    }, [message, namespace, value]);
 };
 exports.useDebuggerOnce = useDebuggerOnce;
 //# sourceMappingURL=useDebugger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDebugger.js","sourceRoot":"","sources":["../../../src/hooks/useDebugger.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,wCAAmC;AAE5B,MAAM,WAAW,GAAG,CACzB,SAAiB,EACjB,OAAe,EACf,KAAc,EACd,EAAE;IACF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB;AAEF,IAAI,oBAAoB,GAAyB,EAAE,CAAC;AAE7C,MAAM,eAAe,GAAG,CAC7B,SAAiB,EACjB,OAAe,EACf,KAAc,EACd,EAAE;IACF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,oBAAoB,CAAC,GAAG,SAAS,IAAI,OAAO,EAAE,CAAC,EAAE,CAAC;YACpD,OAAM;QACR,CAAC;QAED,oBAAoB,CAAC,GAAG,SAAS,IAAI,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC;QAEvD,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B","sourcesContent":["import React from \"react\";\n\nimport { debug } from \"../utility\";\n\nexport const useDebugger = (\n  namespace: string,\n  message: string,\n  value: unknown\n) => {\n  React.useEffect(() => {\n    debug.log(namespace, message, value);\n  }, [value]);\n};\n\nlet useDebuggerOnceCache: Record<string, true> = {};\n\nexport const useDebuggerOnce = (\n  namespace: string,\n  message: string,\n  value: unknown\n) => {\n  React.useEffect(() => {\n    if (useDebuggerOnceCache[`${namespace}:${message}`]) {\n      return\n    }\n    \n    useDebuggerOnceCache[`${namespace}:${message}`] = true;\n\n    debug.log(namespace, message, value);\n  }, []);\n};\n"]}
+{"version":3,"file":"useDebugger.js","sourceRoot":"","sources":["../../../src/hooks/useDebugger.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wCAAmC;AAE5B,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,OAAe,EAAE,KAAc,EAAE,EAAE;IAChF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAJW,QAAA,WAAW,eAItB;AAEF,MAAM,oBAAoB,GAAyB,EAAE,CAAC;AAE/C,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,OAAe,EAAE,KAAc,EAAE,EAAE;IACpF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,oBAAoB,CAAC,GAAG,SAAS,IAAI,OAAO,EAAE,CAAC,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QAED,oBAAoB,CAAC,GAAG,SAAS,IAAI,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC;QAEvD,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B","sourcesContent":["import React from \"react\";\nimport { debug } from \"../utility\";\n\nexport const useDebugger = (namespace: string, message: string, value: unknown) => {\n  React.useEffect(() => {\n    debug.log(namespace, message, value);\n  }, [value, message, namespace]);\n};\n\nconst useDebuggerOnceCache: Record<string, true> = {};\n\nexport const useDebuggerOnce = (namespace: string, message: string, value: unknown) => {\n  React.useEffect(() => {\n    if (useDebuggerOnceCache[`${namespace}:${message}`]) {\n      return;\n    }\n\n    useDebuggerOnceCache[`${namespace}:${message}`] = true;\n\n    debug.log(namespace, message, value);\n  }, [message, namespace, value]);\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { ConfigFilterFacet } from "../types/config";
+import type { ConfigFilterFacet } from "../types/config";
 export declare const useFilterCollapsedState: (filter: ConfigFilterFacet) => {
     collapsed: boolean;
     shouldRender: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useFilterCollapsedState.js","sourceRoot":"","sources":["../../../src/hooks/useFilterCollapsedState.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,uBAAuB,GAAG,CAAC,MAAyB,EAM/D,EAAE;IACF,uFAAuF;IACvF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAC9C,MAAM,CAAC,wBAAwB,CAChC,CAAC;IAEF,iGAAiG;IACjG,8CAA8C;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,CAAC,SAAS,CAAC,CAAC;IAE5E,2CAA2C;IAC3C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO;QACL,SAAS;QACT,YAAY;QACZ,aAAa,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9D,aAAa,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QAC/D,eAAe,EAAE,eAAK,CAAC,WAAW,CAChC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAC7C,EAAE,CACH;KACF,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,uBAAuB,2BA+BlC","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterFacet } from \"../types/config\";\n\nexport const useFilterCollapsedState = (filter: ConfigFilterFacet): {\n  collapsed: boolean;\n  shouldRender: boolean;\n  collapsedShow: () => void;\n  collapsedHide: () => void;\n  collapsedToggle: () => void;\n} => {\n  // @todo use settingsCollapsedDesktop and settingsCollapsedMobile with device detection\n  const [collapsed, setCollapsed] = React.useState<boolean>(\n    filter.settingsCollapsedDesktop\n  );\n\n  // when the filter is shown, it needs to stay rendered or when it's collapsed, the filter context\n  // will be lost which isn't expected behaviour\n  const [shouldRender, setShouldRender] = React.useState<boolean>(!collapsed);\n\n  // enable render when filter is uncollapsed\n  React.useEffect(() => {\n    if (!collapsed) setShouldRender(true);\n  }, [collapsed]);\n\n  return {\n    collapsed,\n    shouldRender,\n    collapsedShow: React.useCallback(() => setCollapsed(true), []),\n    collapsedHide: React.useCallback(() => setCollapsed(false), []),\n    collapsedToggle: React.useCallback(\n      () => setCollapsed((collapsed) => !collapsed),\n      []\n    ),\n  };\n};\n"]}
+{"version":3,"file":"useFilterCollapsedState.js","sourceRoot":"","sources":["../../../src/hooks/useFilterCollapsedState.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAGnB,MAAM,uBAAuB,GAAG,CACrC,MAAyB,EAOzB,EAAE;IACF,uFAAuF;IACvF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAE3F,iGAAiG;IACjG,8CAA8C;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,CAAC,SAAS,CAAC,CAAC;IAE5E,2CAA2C;IAC3C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO;QACL,SAAS;QACT,YAAY;QACZ,aAAa,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9D,aAAa,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QAC/D,eAAe,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC;KACtF,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,uBAAuB,2BA4BlC","sourcesContent":["import React from \"react\";\nimport type { ConfigFilterFacet } from \"../types/config\";\n\nexport const useFilterCollapsedState = (\n  filter: ConfigFilterFacet\n): {\n  collapsed: boolean;\n  shouldRender: boolean;\n  collapsedShow: () => void;\n  collapsedHide: () => void;\n  collapsedToggle: () => void;\n} => {\n  // @todo use settingsCollapsedDesktop and settingsCollapsedMobile with device detection\n  const [collapsed, setCollapsed] = React.useState<boolean>(filter.settingsCollapsedDesktop);\n\n  // when the filter is shown, it needs to stay rendered or when it's collapsed, the filter context\n  // will be lost which isn't expected behaviour\n  const [shouldRender, setShouldRender] = React.useState<boolean>(!collapsed);\n\n  // enable render when filter is uncollapsed\n  React.useEffect(() => {\n    if (!collapsed) setShouldRender(true);\n  }, [collapsed]);\n\n  return {\n    collapsed,\n    shouldRender,\n    collapsedShow: React.useCallback(() => setCollapsed(true), []),\n    collapsedHide: React.useCallback(() => setCollapsed(false), []),\n    collapsedToggle: React.useCallback(() => setCollapsed((collapsed) => !collapsed), []),\n  };\n};\n"]}

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

@@ -1,5 +1,5 @@
-import { ConfigFilterFacet } from "../types/config";
-import { ReactivesearchFilterListProps } from "../types/reactivesearch";
+import type { ConfigFilterFacet } from "../types/config";
+import type { ReactivesearchFilterListProps } from "../types/reactivesearch";
 export declare const useFilterListProps: (filter: ConfigFilterFacet, reactivesearchFilterProps: ReactivesearchFilterListProps) => ReactivesearchFilterListProps & {
     filter: ConfigFilterFacet;
     options: Array<{

package/dist/src/hooks/useFilterListProps.js

@@ -52,14 +52,14 @@ const useFilterListProps = (filter, reactivesearchFilterProps) => {
                 value: key,
             },
         });
-    }, [filter]);
+    }, [filter, reactivesearchFilterProps.handleChange, track]);
     const customSortOrder = (_a = filter.customSortOrder) === null || _a === void 0 ? void 0 : _a.split(",").map((item) => item.trim().toUpperCase());
     const filterListProps = react_1.default.useMemo(() => {
         var _a, _b, _c;
         let data = reactivesearchFilterProps.data;
         if ((_c = (_b = (_a = reactivesearchFilterProps === null || reactivesearchFilterProps === void 0 ? void 0 : reactivesearchFilterProps.rawData) === null || _a === void 0 ? void 0 : _a.aggregations) === null || _b === void 0 ? void 0 : _b.reactivesearch_nested) === null || _c === void 0 ? void 0 : _c.reactify_nested_outer) {
             const nestedOptions = (0, hooks_1.replaceDocCountWithParent)(reactivesearchFilterProps.rawData.aggregations.reactivesearch_nested.reactify_nested_outer);
-            const nestedOptionsKey = Object.keys(nestedOptions).filter(key => key !== "doc_count");
+            const nestedOptionsKey = Object.keys(nestedOptions).filter((key) => key !== "doc_count");
             data = nestedOptions[nestedOptionsKey[0]].buckets;
         }
         // remove excluded options, sort alphabeticaly, map checked boolean
@@ -72,32 +72,28 @@ const useFilterListProps = (filter, reactivesearchFilterProps) => {
                 return false;
             return true;
         })
-            .sort((a, b) => DEFAULT_NUMERIC_SORT.indexOf(a.key) -
-            DEFAULT_NUMERIC_SORT.indexOf(b.key))
+            .sort((a, b) => DEFAULT_NUMERIC_SORT.indexOf(a.key) - DEFAULT_NUMERIC_SORT.indexOf(b.key))
             .sort((a, b) => new Intl.Collator("en", { numeric: true, sensitivity: "base" }).compare(a.key, b.key))
             .sort((a, b) => {
             if (!customSortOrder || customSortOrder.length === 0) {
                 return (DEFAULT_ALPHABETICAL_SORT.indexOf(a.key.toUpperCase()) -
                     DEFAULT_ALPHABETICAL_SORT.indexOf(b.key.toUpperCase()));
             }
-            return ((customSortOrder === null || customSortOrder === void 0 ? void 0 : customSortOrder.indexOf(a.key.toUpperCase())) -
-                (customSortOrder === null || customSortOrder === void 0 ? void 0 : customSortOrder.indexOf(b.key.toUpperCase())));
+            return (customSortOrder === null || customSortOrder === void 0 ? void 0 : customSortOrder.indexOf(a.key.toUpperCase())) - (customSortOrder === null || customSortOrder === void 0 ? void 0 : customSortOrder.indexOf(b.key.toUpperCase()));
         })
-            .map((option) => (Object.assign(Object.assign({}, option), { label: filter.settingsUppercase ? option.key.toUpperCase() : option.key, checked: (typeof reactivesearchFilterProps.value === "object" &&
-                reactivesearchFilterProps.value[option.key]) ||
+            .map((option) => (Object.assign(Object.assign({}, option), { label: filter.settingsUppercase ? option.key.toUpperCase() : option.key, checked: (typeof reactivesearchFilterProps.value === "object" && reactivesearchFilterProps.value[option.key]) ||
                 reactivesearchFilterProps.value === option.key })));
         // work out if at least one option selected
         const hasSelected = (typeof reactivesearchFilterProps.value === "object" &&
             0 < Object.keys(reactivesearchFilterProps.value).length) ||
-            (typeof reactivesearchFilterProps.value !== "object" &&
-                !!reactivesearchFilterProps.value);
+            (typeof reactivesearchFilterProps.value !== "object" && !!reactivesearchFilterProps.value);
         const totalSelected = options.filter((option) => option.checked).length;
         return Object.assign(Object.assign({}, reactivesearchFilterProps), { handleChange,
             filter,
             options,
             hasSelected,
             totalSelected });
-    }, [filter, handleChange, reactivesearchFilterProps]);
+    }, [filter, handleChange, reactivesearchFilterProps, customSortOrder]);
     return filterListProps;
 };
 exports.useFilterListProps = useFilterListProps;

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

@@ -1 +1 @@
-{"version":3,"file":"useFilterListProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,oCAAmE;AACnE,wCAAmC;AAEnC,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;AACxD,MAAM,yBAAyB,GAAG;IAChC,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,IAAI;IACJ,MAAM;IACN,GAAG;IACH,IAAI;IACJ,KAAK;IACL,GAAG;IACH,IAAI;IACJ,KAAK;IACL,GAAG;IACH,KAAK;IACL,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,SAAS;CACV,CAAC;AAEF,qFAAqF;AAC9E,MAAM,kBAAkB,GAAG,CAChC,MAAyB,EACzB,yBAAwD,EAWxD,EAAE;;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CACpC,CAAC,GAAW,EAAE,EAAE;QACd,eAAK,CAAC,GAAG,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,GAAG,CAAC,CAAC;QAE1D,yBAAyB,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QAC5C,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,eAAe,GAAG,MAAA,MAAM,CAAC,eAAe,0CAC1C,KAAK,CAAC,GAAG,EACV,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACzC,IAAI,IAAI,GAAG,yBAAyB,CAAC,IAAI,CAAC;QAC1C,IACE,MAAA,MAAA,MAAA,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,OAAO,0CAAE,YAAY,0CAAE,qBAAqB,0CAAE,qBAAqB,EAC9F,CAAC;YACD,MAAM,aAAa,GAAG,IAAA,iCAAyB,EAAC,yBAAyB,CAAC,OAAO,CAAC,YAAY,CAAC,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;YAC5I,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC;YACvF,IAAI,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QACpD,CAAC;QAED,mEAAmE;QACnE,MAAM,OAAO,GAAG,IAAI;aACjB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;;YAClB,IAAI,MAAA,MAAM,CAAC,aAAa,0CAAE,QAAQ,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;YACtD,IAAI,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,MAAM,CAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;gBACrE,OAAO,KAAK,CAAC;YACf,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;aACD,IAAI,CACH,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;YACnC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CACtC;aACA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACb,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,CACrE,CAAC,CAAC,GAAG,EACL,CAAC,CAAC,GAAG,CACN,CACF;aACA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACb,IAAI,CAAC,eAAe,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACrD,OAAO,CACL,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;oBACtD,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CACvD,CAAC;YACJ,CAAC;YAED,OAAO,CACL,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;iBAC7C,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAA,CAC9C,CAAC;QACJ,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,iCACZ,MAAM,KACT,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EACvE,OAAO,EACL,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;gBAClD,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC9C,yBAAyB,CAAC,KAAK,KAAK,MAAM,CAAC,GAAG,IAChD,CAAC,CAAC;QAEN,2CAA2C;QAC3C,MAAM,WAAW,GACf,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;YAClD,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YAC1D,CAAC,OAAO,yBAAyB,CAAC,KAAK,KAAK,QAAQ;gBAClD,CAAC,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAEvC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAExE,uCACK,yBAAyB,KAC5B,YAAY;YACZ,MAAM;YACN,OAAO;YACP,WAAW;YACX,aAAa,IACb;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEtD,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AA3GW,QAAA,kBAAkB,sBA2G7B","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterFacet } from \"../types/config\";\nimport { ReactivesearchFilterListProps } from \"../types/reactivesearch\";\nimport { replaceDocCountWithParent, useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nconst DEFAULT_NUMERIC_SORT = [\"0000\", \"000\", \"00\", \"0\"];\nconst DEFAULT_ALPHABETICAL_SORT = [\n  \"SINGLE\",\n  \"DOUBLE\",\n  \"QUEEN\",\n  \"KING\",\n  \"SUPER KING\",\n  \"XXXS\",\n  \"XXS\",\n  \"XS\",\n  \"XS/S\",\n  \"S\",\n  \"SM\",\n  \"S/M\",\n  \"M\",\n  \"ML\",\n  \"M/L\",\n  \"L\",\n  \"LXL\",\n  \"L/XL\",\n  \"XL\",\n  \"2L\",\n  \"XXL\",\n  \"3L\",\n  \"XXXL\",\n  \"4L\",\n  \"5L\",\n  \"6L\",\n  \"OS\",\n  \"ONESIZE\",\n];\n\n// converts reactivesearch props returned in filters to a cleaned up/filtered version\nexport const useFilterListProps = (\n  filter: ConfigFilterFacet,\n  reactivesearchFilterProps: ReactivesearchFilterListProps\n): ReactivesearchFilterListProps & {\n  filter: ConfigFilterFacet;\n  options: Array<{\n    doc_count: number;\n    key: string;\n    label: string;\n    checked: boolean;\n  }>;\n  hasSelected: boolean;\n  totalSelected: number;\n} => {\n  const { track } = useAnalytics();\n\n  const handleChange = React.useCallback(\n    (key: string) => {\n      debug.log(\"useFilterListProps\", \"handleChange[key]\", key);\n\n      reactivesearchFilterProps.handleChange(key);\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: key,\n        },\n      });\n    },\n    [filter]\n  );\n\n  const customSortOrder = filter.customSortOrder\n    ?.split(\",\")\n    .map((item) => item.trim().toUpperCase());\n\n  const filterListProps = React.useMemo(() => {\n    let data = reactivesearchFilterProps.data;\n    if (\n      reactivesearchFilterProps?.rawData?.aggregations?.reactivesearch_nested?.reactify_nested_outer\n    ) {\n      const nestedOptions = replaceDocCountWithParent(reactivesearchFilterProps.rawData.aggregations.reactivesearch_nested.reactify_nested_outer);\n      const nestedOptionsKey = Object.keys(nestedOptions).filter(key => key !== \"doc_count\");\n      data = nestedOptions[nestedOptionsKey[0]].buckets;\n    }\n\n    // remove excluded options, sort alphabeticaly, map checked boolean\n    const options = data\n      .filter(({ key }) => {\n        if (filter.valuesExclude?.includes(key)) return false;\n        if (!!filter.valuesManual?.length && !filter.valuesManual.includes(key))\n          return false;\n        return true;\n      })\n      .sort(\n        (a, b) =>\n          DEFAULT_NUMERIC_SORT.indexOf(a.key) -\n          DEFAULT_NUMERIC_SORT.indexOf(b.key)\n      )\n      .sort((a, b) =>\n        new Intl.Collator(\"en\", { numeric: true, sensitivity: \"base\" }).compare(\n          a.key,\n          b.key\n        )\n      )\n      .sort((a, b) => {\n        if (!customSortOrder || customSortOrder.length === 0) {\n          return (\n            DEFAULT_ALPHABETICAL_SORT.indexOf(a.key.toUpperCase()) -\n            DEFAULT_ALPHABETICAL_SORT.indexOf(b.key.toUpperCase())\n          );\n        }\n\n        return (\n          customSortOrder?.indexOf(a.key.toUpperCase()) -\n          customSortOrder?.indexOf(b.key.toUpperCase())\n        );\n      })\n      .map((option) => ({\n        ...option,\n        label: filter.settingsUppercase ? option.key.toUpperCase() : option.key,\n        checked:\n          (typeof reactivesearchFilterProps.value === \"object\" &&\n            reactivesearchFilterProps.value[option.key]) ||\n          reactivesearchFilterProps.value === option.key,\n      }));\n\n    // work out if at least one option selected\n    const hasSelected =\n      (typeof reactivesearchFilterProps.value === \"object\" &&\n        0 < Object.keys(reactivesearchFilterProps.value).length) ||\n      (typeof reactivesearchFilterProps.value !== \"object\" &&\n        !!reactivesearchFilterProps.value);\n\n    const totalSelected = options.filter((option) => option.checked).length;\n\n    return {\n      ...reactivesearchFilterProps,\n      handleChange,\n      filter,\n      options,\n      hasSelected,\n      totalSelected,\n    };\n  }, [filter, handleChange, reactivesearchFilterProps]);\n\n  return filterListProps;\n};\n"]}
+{"version":3,"file":"useFilterListProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterListProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { replaceDocCountWithParent, useAnalytics } from \"../hooks\";\nimport type { ConfigFilterFacet } from \"../types/config\";\nimport type { ReactivesearchFilterListProps } from \"../types/reactivesearch\";\nimport { debug } from \"../utility\";\n\nconst DEFAULT_NUMERIC_SORT = [\"0000\", \"000\", \"00\", \"0\"];\nconst DEFAULT_ALPHABETICAL_SORT = [\n  \"SINGLE\",\n  \"DOUBLE\",\n  \"QUEEN\",\n  \"KING\",\n  \"SUPER KING\",\n  \"XXXS\",\n  \"XXS\",\n  \"XS\",\n  \"XS/S\",\n  \"S\",\n  \"SM\",\n  \"S/M\",\n  \"M\",\n  \"ML\",\n  \"M/L\",\n  \"L\",\n  \"LXL\",\n  \"L/XL\",\n  \"XL\",\n  \"2L\",\n  \"XXL\",\n  \"3L\",\n  \"XXXL\",\n  \"4L\",\n  \"5L\",\n  \"6L\",\n  \"OS\",\n  \"ONESIZE\",\n];\n\n// converts reactivesearch props returned in filters to a cleaned up/filtered version\nexport const useFilterListProps = (\n  filter: ConfigFilterFacet,\n  reactivesearchFilterProps: ReactivesearchFilterListProps\n): ReactivesearchFilterListProps & {\n  filter: ConfigFilterFacet;\n  options: Array<{\n    doc_count: number;\n    key: string;\n    label: string;\n    checked: boolean;\n  }>;\n  hasSelected: boolean;\n  totalSelected: number;\n} => {\n  const { track } = useAnalytics();\n\n  const handleChange = React.useCallback(\n    (key: string) => {\n      debug.log(\"useFilterListProps\", \"handleChange[key]\", key);\n\n      reactivesearchFilterProps.handleChange(key);\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: key,\n        },\n      });\n    },\n    [filter, reactivesearchFilterProps.handleChange, track]\n  );\n\n  const customSortOrder = filter.customSortOrder?.split(\",\").map((item) => item.trim().toUpperCase());\n\n  const filterListProps = React.useMemo(() => {\n    let data = reactivesearchFilterProps.data;\n    if (reactivesearchFilterProps?.rawData?.aggregations?.reactivesearch_nested?.reactify_nested_outer) {\n      const nestedOptions = replaceDocCountWithParent(\n        reactivesearchFilterProps.rawData.aggregations.reactivesearch_nested.reactify_nested_outer\n      );\n      const nestedOptionsKey = Object.keys(nestedOptions).filter((key) => key !== \"doc_count\");\n      data = nestedOptions[nestedOptionsKey[0]].buckets;\n    }\n\n    // remove excluded options, sort alphabeticaly, map checked boolean\n    const options = data\n      .filter(({ key }) => {\n        if (filter.valuesExclude?.includes(key)) return false;\n        if (!!filter.valuesManual?.length && !filter.valuesManual.includes(key)) return false;\n        return true;\n      })\n      .sort((a, b) => DEFAULT_NUMERIC_SORT.indexOf(a.key) - DEFAULT_NUMERIC_SORT.indexOf(b.key))\n      .sort((a, b) => new Intl.Collator(\"en\", { numeric: true, sensitivity: \"base\" }).compare(a.key, b.key))\n      .sort((a, b) => {\n        if (!customSortOrder || customSortOrder.length === 0) {\n          return (\n            DEFAULT_ALPHABETICAL_SORT.indexOf(a.key.toUpperCase()) -\n            DEFAULT_ALPHABETICAL_SORT.indexOf(b.key.toUpperCase())\n          );\n        }\n\n        return customSortOrder?.indexOf(a.key.toUpperCase()) - customSortOrder?.indexOf(b.key.toUpperCase());\n      })\n      .map((option) => ({\n        ...option,\n        label: filter.settingsUppercase ? option.key.toUpperCase() : option.key,\n        checked:\n          (typeof reactivesearchFilterProps.value === \"object\" && reactivesearchFilterProps.value[option.key]) ||\n          reactivesearchFilterProps.value === option.key,\n      }));\n\n    // work out if at least one option selected\n    const hasSelected =\n      (typeof reactivesearchFilterProps.value === \"object\" &&\n        0 < Object.keys(reactivesearchFilterProps.value).length) ||\n      (typeof reactivesearchFilterProps.value !== \"object\" && !!reactivesearchFilterProps.value);\n\n    const totalSelected = options.filter((option) => option.checked).length;\n\n    return {\n      ...reactivesearchFilterProps,\n      handleChange,\n      filter,\n      options,\n      hasSelected,\n      totalSelected,\n    };\n  }, [filter, handleChange, reactivesearchFilterProps, customSortOrder]);\n\n  return filterListProps;\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { ConfigFilterFacet } from "../types/config";
+import type { ConfigFilterFacet } from "../types/config";
 export declare const useFilterRangeProps: (filter: ConfigFilterFacet) => {
     filter: ConfigFilterFacet;
     options: Array<{

package/dist/src/hooks/useFilterRangeProps.js

@@ -1,17 +1,14 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFilterRangeProps = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = require("react");
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const useFilterRangeProps = (filter) => {
     const context = (0, hooks_1.useReactifySearchContext)();
     const { track } = (0, hooks_1.useAnalytics)();
-    const [filterValues, setFilterValues] = react_1.default.useState([]);
-    const handleChange = react_1.default.useCallback((key) => {
+    const [filterValues, setFilterValues] = (0, react_1.useState)([]);
+    const handleChange = (0, react_1.useCallback)((key) => {
         utility_1.debug.log("useFilterRangeMultiProps", "handleChange[key]", key);
         if (filter.displayType === "multi") {
             const selected = filterValues.find((item) => item === key)
@@ -29,11 +26,11 @@ const useFilterRangeProps = (filter) => {
                 value: key,
             },
         });
-    }, [filter, filterValues]);
-    const handleClear = react_1.default.useCallback(() => {
+    }, [filter, filterValues, track]);
+    const handleClear = (0, react_1.useCallback)(() => {
         setFilterValues([]);
     }, []);
-    react_1.default.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         var _a;
         try {
             if (filter.displayView === "range") {
@@ -45,15 +42,15 @@ const useFilterRangeProps = (filter) => {
         catch (error) {
             console.error(error);
         }
-    }, []);
-    react_1.default.useEffect(() => {
+    }, [filter.displayView, filter.handle]);
+    (0, react_1.useEffect)(() => {
         const handler = (event) => {
             setFilterValues(event.detail.value);
         };
         window.addEventListener(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, handler);
         return () => window.removeEventListener(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, handler);
-    }, [context.options.mode]);
-    const filterRangeProps = react_1.default.useMemo(() => {
+    }, [context.options.mode, filter]);
+    const filterRangeProps = (0, react_1.useMemo)(() => {
         var _a, _b;
         const options = (_b = (_a = filter.displayRangeOptions) === null || _a === void 0 ? void 0 : _a.map((option) => {
             const [key] = option.split(":");
@@ -70,7 +67,7 @@ const useFilterRangeProps = (filter) => {
             values: filterValues,
             options,
         };
-    }, [filter, filterValues, handleChange]);
+    }, [filter, filterValues, handleChange, handleClear]);
     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":"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","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterFacet } from \"../types/config\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilterRangeProps = (\n  filter: ConfigFilterFacet\n): {\n  filter: ConfigFilterFacet;\n  options: Array<{\n    key: string;\n    label: string;\n    checked: boolean;\n  }>;\n  values: string[];\n  handleChange: (key: string) => void;\n  handleClear: () => void;\n} => {\n  const context = useReactifySearchContext();\n  const { track } = useAnalytics();\n  const [filterValues, setFilterValues] = React.useState<string[]>([]);\n\n  const handleChange = React.useCallback(\n    (key: string) => {\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 handleClear = React.useCallback(() => {\n    setFilterValues([]);\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      if (filter.displayView === \"range\") {\n        const url = new URL(window.location.href);\n        const value = JSON.parse(url.searchParams.get(filter.handle) ?? \"[]\");\n        setFilterValues(value);\n      }\n    } catch (error) {\n      console.error(error);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    const handler = (\n      event: CustomEvent<{ handle: string; value: Array<string> }>\n    ) => {\n      setFilterValues(event.detail.value);\n    };\n    window.addEventListener(\n      `@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`,\n        handler as EventListener\n      );\n  }, [context.options.mode]);\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      handleClear,\n      filter,\n      values: filterValues,\n      options,\n    };\n  }, [filter, filterValues, handleChange]);\n\n  return filterRangeProps;\n};\n"]}
+{"version":3,"file":"useFilterRangeProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterRangeProps.ts"],"names":[],"mappings":";;;AAAA,iCAAkE;AAClE,oCAAkE;AAElE,wCAAmC;AAE5B,MAAM,mBAAmB,GAAG,CACjC,MAAyB,EAWzB,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAC3C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,GAAW,EAAE,EAAE;QACd,eAAK,CAAC,GAAG,CAAC,0BAA0B,EAAE,mBAAmB,EAAE,GAAG,CAAC,CAAC;QAEhE,IAAI,MAAM,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YACnC,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;QAC5B,CAAC;QACD,IAAI,MAAM,CAAC,WAAW,KAAK,QAAQ,EAAE,CAAC;YACpC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACzB,CAAC;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,EAAE,KAAK,CAAC,CAC9B,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,eAAe,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,CAAC;YACH,IAAI,MAAM,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;gBACnC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC,CAAC;gBACtE,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,KAA4D,EAAE,EAAE;YAC/E,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CACrB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,WAAW,MAAM,CAAC,MAAM,SAAS,EAC5E,OAAwB,CACzB,CAAC;QAEF,OAAO,GAAG,EAAE,CACV,MAAM,CAAC,mBAAmB,CACxB,uBAAuB,OAAO,CAAC,OAAO,CAAC,IAAI,WAAW,MAAM,CAAC,MAAM,SAAS,EAC5E,OAAwB,CACzB,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QACpC,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,WAAW;YACX,MAAM;YACN,MAAM,EAAE,YAAY;YACpB,OAAO;SACR,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAEtD,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAhGW,QAAA,mBAAmB,uBAgG9B","sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport type { ConfigFilterFacet } from \"../types/config\";\nimport { debug } from \"../utility\";\n\nexport const useFilterRangeProps = (\n  filter: ConfigFilterFacet\n): {\n  filter: ConfigFilterFacet;\n  options: Array<{\n    key: string;\n    label: string;\n    checked: boolean;\n  }>;\n  values: string[];\n  handleChange: (key: string) => void;\n  handleClear: () => void;\n} => {\n  const context = useReactifySearchContext();\n  const { track } = useAnalytics();\n  const [filterValues, setFilterValues] = useState<string[]>([]);\n\n  const handleChange = useCallback(\n    (key: string) => {\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, track]\n  );\n\n  const handleClear = useCallback(() => {\n    setFilterValues([]);\n  }, []);\n\n  useEffect(() => {\n    try {\n      if (filter.displayView === \"range\") {\n        const url = new URL(window.location.href);\n        const value = JSON.parse(url.searchParams.get(filter.handle) ?? \"[]\");\n        setFilterValues(value);\n      }\n    } catch (error) {\n      console.error(error);\n    }\n  }, [filter.displayView, filter.handle]);\n\n  useEffect(() => {\n    const handler = (event: CustomEvent<{ handle: string; value: Array<string> }>) => {\n      setFilterValues(event.detail.value);\n    };\n    window.addEventListener(\n      `@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`,\n        handler as EventListener\n      );\n  }, [context.options.mode, filter]);\n\n  const filterRangeProps = 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      handleClear,\n      filter,\n      values: filterValues,\n      options,\n    };\n  }, [filter, filterValues, handleChange, handleClear]);\n\n  return filterRangeProps;\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { ConfigFilterFacet } from "../types/config";
+import type { ConfigFilterFacet } from "../types/config";
 export declare const useFilterSliderProps: (filter: ConfigFilterFacet) => {
     filter: ConfigFilterFacet;
     value: [number, number] | [];

package/dist/src/hooks/useFilterSliderProps.js

@@ -14,7 +14,10 @@ const useFilterSliderProps = (filter) => {
     const urlSearchParam = new URLSearchParams(typeof window === "undefined" ? context.options.query : window.location.search);
     const [filterValue, setFilterValue] = react_1.default.useState(JSON.parse((_a = urlSearchParam.get(filter.handle)) !== null && _a !== void 0 ? _a : "[0,0]"));
     const handleChange = react_1.default.useCallback((value) => {
-        const valueFormatted = [parseInt(parseInt(`${value[0]}`).toFixed(0)), parseInt(parseInt(`${value[1]}`).toFixed(0))];
+        const valueFormatted = [
+            parseInt(parseInt(`${value[0]}`, 10).toFixed(0), 10),
+            parseInt(parseInt(`${value[1]}`, 10).toFixed(0), 10),
+        ];
         utility_1.debug.log("useFilterSliderProps", "handleChange[valueFormatted]", valueFormatted);
         setFilterValue(valueFormatted);
         track({
@@ -24,27 +27,25 @@ const useFilterSliderProps = (filter) => {
                 value: `${valueFormatted[0]}:${valueFormatted[1]}`,
             },
         });
-    }, [filter]);
+    }, [filter, track]);
     react_1.default.useEffect(() => {
         const handler = (event) => {
             var _a;
-            const valueFormatted = ((_a = event.detail.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? [parseInt(event.detail.value[0].toFixed(0)), parseInt(event.detail.value[0].toFixed(0))] : [];
+            const valueFormatted = ((_a = event.detail.value) === null || _a === void 0 ? void 0 : _a.length) > 0
+                ? [parseInt(event.detail.value[0].toFixed(0), 10), parseInt(event.detail.value[0].toFixed(0), 10)]
+                : [];
             setFilterValue(valueFormatted);
         };
         window.addEventListener(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, handler);
         return () => window.removeEventListener(`@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`, handler);
-    }, [context.options.mode]);
+    }, [context.options.mode, filter.handle]);
     const filterSliderProps = react_1.default.useMemo(() => {
         return {
             handleChange,
             filter,
             value: filterValue,
         };
-    }, [
-        handleChange,
-        filter,
-        filterValue,
-    ]);
+    }, [handleChange, filter, filterValue]);
     return filterSliderProps;
 };
 exports.useFilterSliderProps = useFilterSliderProps;

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

@@ -1 +1 @@
-{"version":3,"file":"useFilterSliderProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterSliderProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { ConfigFilterFacet } from \"../types/config\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilterSliderProps = (\n  filter: ConfigFilterFacet\n): {\n  filter: ConfigFilterFacet;\n  value: [number, number] | [];\n  handleChange: (value: [number | string, number | string] | []) => void;\n} => {\n  const context = useReactifySearchContext();\n  const { track } = useAnalytics();\n\n  const urlSearchParam = new URLSearchParams(typeof window === \"undefined\" ? context.options.query : window.location.search);\n  const [filterValue, setFilterValue] = React.useState<ReturnType<typeof useFilterSliderProps>[\"value\"]>(JSON.parse(urlSearchParam.get(filter.handle) ?? \"[0,0]\"));\n\n  const handleChange = React.useCallback<ReturnType<typeof useFilterSliderProps>[\"handleChange\"]>((value) => {\n      const valueFormatted: [number, number] = [parseInt(parseInt(`${value[0]}`).toFixed(0)), parseInt(parseInt(`${value[1]}`).toFixed(0))];\n      \n      debug.log(\"useFilterSliderProps\", \"handleChange[valueFormatted]\", valueFormatted);\n\n      setFilterValue(valueFormatted);\n\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: `${valueFormatted[0]}:${valueFormatted[1]}`,\n        },\n      });\n    },\n    [filter]\n  );\n\n  React.useEffect(() => {\n    const handler = (\n      event: CustomEvent<{ handle: string; value: [number, number] }>\n    ) => {\n      const valueFormatted: [number, number] | [] = event.detail.value?.length > 0 ? [parseInt(event.detail.value[0].toFixed(0)), parseInt(event.detail.value[0].toFixed(0))] : [];\n      setFilterValue(valueFormatted);\n    };\n    window.addEventListener(\n      `@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`,\n        handler as EventListener\n      );\n  }, [context.options.mode]);\n\n  const filterSliderProps = React.useMemo(() => {\n    return {\n      handleChange,\n      filter,\n      value: filterValue,\n    };\n  }, [\n    handleChange,\n    filter,\n    filterValue,\n  ]);\n\n  return filterSliderProps;\n};\n"]}
+{"version":3,"file":"useFilterSliderProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterSliderProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport type { ConfigFilterFacet } from \"../types/config\";\nimport { debug } from \"../utility\";\n\nexport const useFilterSliderProps = (\n  filter: ConfigFilterFacet\n): {\n  filter: ConfigFilterFacet;\n  value: [number, number] | [];\n  handleChange: (value: [number | string, number | string] | []) => void;\n} => {\n  const context = useReactifySearchContext();\n  const { track } = useAnalytics();\n\n  const urlSearchParam = new URLSearchParams(\n    typeof window === \"undefined\" ? context.options.query : window.location.search\n  );\n  const [filterValue, setFilterValue] = React.useState<ReturnType<typeof useFilterSliderProps>[\"value\"]>(\n    JSON.parse(urlSearchParam.get(filter.handle) ?? \"[0,0]\")\n  );\n\n  const handleChange = React.useCallback<ReturnType<typeof useFilterSliderProps>[\"handleChange\"]>(\n    (value) => {\n      const valueFormatted: [number, number] = [\n        parseInt(parseInt(`${value[0]}`, 10).toFixed(0), 10),\n        parseInt(parseInt(`${value[1]}`, 10).toFixed(0), 10),\n      ];\n\n      debug.log(\"useFilterSliderProps\", \"handleChange[valueFormatted]\", valueFormatted);\n\n      setFilterValue(valueFormatted);\n\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: `${valueFormatted[0]}:${valueFormatted[1]}`,\n        },\n      });\n    },\n    [filter, track]\n  );\n\n  React.useEffect(() => {\n    const handler = (event: CustomEvent<{ handle: string; value: [number, number] }>) => {\n      const valueFormatted: [number, number] | [] =\n        event.detail.value?.length > 0\n          ? [parseInt(event.detail.value[0].toFixed(0), 10), parseInt(event.detail.value[0].toFixed(0), 10)]\n          : [];\n      setFilterValue(valueFormatted);\n    };\n    window.addEventListener(\n      `@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:${context.options.mode}:filter:${filter.handle}:update`,\n        handler as EventListener\n      );\n  }, [context.options.mode, filter.handle]);\n\n  const filterSliderProps = React.useMemo(() => {\n    return {\n      handleChange,\n      filter,\n      value: filterValue,\n    };\n  }, [handleChange, filter, filterValue]);\n\n  return filterSliderProps;\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { ConfigFilter, ConfigFilterFacet } from "../types";
+import type { ConfigFilter, ConfigFilterFacet } from "../types";
 export declare const useFilters: () => {
     /** The currently selected filter stack, based on mode, curation and more */
     filterStack?: ConfigFilter;

package/dist/src/hooks/useFilters.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFilters = void 0;
 const react_1 = __importDefault(require("react"));
 // @ts-expect-error missing types
-const utils_1 = require("@usereactify/search-internals/lib/utils");
-// @ts-expect-error missing types
 const actions_1 = require("@appbaseio/reactivecore/lib/actions");
+// @ts-expect-error missing types
+const utils_1 = require("@usereactify/search-internals/lib/utils");
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const useFilters = () => {
@@ -45,12 +45,9 @@ const useFilters = () => {
         // select any available filter as a last resort
         matchingFilters = config.filters[0];
         return matchingFilters;
-    }, [
-        config,
-        options.mode === "collection" ? options.collectionHandle : undefined,
-    ]);
+    }, [config, options]);
     const filters = react_1.default.useMemo(() => {
-        const sortedFilters = filterStack === null || filterStack === void 0 ? void 0 : filterStack.options.sort((a, b) => a.position > b.position ? 1 : -1);
+        const sortedFilters = filterStack === null || filterStack === void 0 ? void 0 : filterStack.options.sort((a, b) => (a.position > b.position ? 1 : -1));
         return sortedFilters;
     }, [filterStack]);
     const selected = react_1.default.useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"useFilters.js","sourceRoot":"","sources":["../../../src/hooks/useFilters.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n// @ts-expect-error missing types\nimport { ReactReduxContext } from \"@usereactify/search-internals/lib/utils\";\n// @ts-expect-error missing types\nimport { setValue } from \"@appbaseio/reactivecore/lib/actions\";\n\nimport { ConfigFilter, ConfigFilterFacet } from \"../types\";\nimport { useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilters = (): {\n  /** The currently selected filter stack, based on mode, curation and more */\n  filterStack?: ConfigFilter;\n  /** All of the available filters within the filter stack */\n  filters?: Array<ConfigFilterFacet>;\n  /** All of the selected filters with their value */\n  selected: Array<{\n    handle: string;\n    value: string | Array<string> | Array<{\n      label: string;\n      start: number;\n      end: number;\n    }>;\n  }>;\n  /** Clear filter by handle */\n  setFilterValue: (\n    handle: string,\n    value: string | Array<string> | [number, number]\n  ) => void;\n} => {\n  const { options, config } = useReactifySearchContext();\n  const reactivesearchContext = React.useContext<any>(ReactReduxContext);\n\n  const filterStack = React.useMemo(() => {\n    // select filters by type\n    const matchingFilterss = config.filters.filter(\n      (filter) => filter.type === options.mode\n    );\n\n    // select filter stack by handle if provided\n    if (options.filtersHandle) {\n      const matchingFilters = matchingFilterss.find(\n        (filterStack) => options.filtersHandle === filterStack.handle\n      );\n      if (matchingFilters) {\n        return matchingFilters;\n      }\n    }\n\n    // select filter stack by collection if provided\n    if (options.mode === \"collection\" && options.collectionHandle) {\n      const matchingFilters = matchingFilterss.find((filterStack) =>\n        filterStack.collections?.includes(options.collectionHandle)\n      );\n      if (matchingFilters) {\n        return matchingFilters;\n      }\n    }\n\n    // select filter with \"default\" handle\n    let matchingFilters = matchingFilterss.find(\n      (filterStack) => filterStack.handle === \"default\"\n    );\n    if (matchingFilters) {\n      return matchingFilters;\n    }\n\n    // select any filter with \"default\" handle\n    matchingFilters = config.filters.find(\n      (filterStack) => filterStack.handle === \"default\"\n    );\n    if (matchingFilters) {\n      return matchingFilters;\n    }\n\n    // select any available filter as a last resort\n    matchingFilters = config.filters[0];\n\n    return matchingFilters;\n  }, [\n    config,\n    options.mode === \"collection\" ? options.collectionHandle : undefined,\n  ]);\n\n  const filters = React.useMemo(() => {\n    const sortedFilters = filterStack?.options.sort((a, b) =>\n      a.position > b.position ? 1 : -1\n    );\n\n    return sortedFilters;\n  }, [filterStack]);\n\n  const selected = React.useMemo(() => {\n    return Object.keys(reactivesearchContext.storeState.selectedValues)\n      .filter((item) => filters.find((filter) => filter.handle === item))\n      .map((item) => ({\n        handle: item,\n        value: reactivesearchContext.storeState.selectedValues[item].value,\n      }));\n  }, [filters, reactivesearchContext?.storeState?.selectedValues]);\n\n  const setFilterValue = React.useCallback(\n    (\n      handle: string,\n      value: string | Array<string> | [number, number]\n    ): void => {\n      debug.log(\"useFilters\", \"setFilterValue[handle,value]\", handle, value);\n      reactivesearchContext.store.dispatch(setValue(handle, value));\n    },\n    [reactivesearchContext]\n  );\n\n  return {\n    filterStack: filterStack,\n    filters: filters,\n    selected: selected,\n    setFilterValue: setFilterValue,\n  };\n};\n"]}
+{"version":3,"file":"useFilters.js","sourceRoot":"","sources":["../../../src/hooks/useFilters.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n// @ts-expect-error missing types\nimport { setValue } from \"@appbaseio/reactivecore/lib/actions\";\n// @ts-expect-error missing types\nimport { ReactReduxContext } from \"@usereactify/search-internals/lib/utils\";\nimport { useReactifySearchContext } from \"../hooks\";\nimport type { ConfigFilter, ConfigFilterFacet } from \"../types\";\nimport { debug } from \"../utility\";\n\nexport const useFilters = (): {\n  /** The currently selected filter stack, based on mode, curation and more */\n  filterStack?: ConfigFilter;\n  /** All of the available filters within the filter stack */\n  filters?: Array<ConfigFilterFacet>;\n  /** All of the selected filters with their value */\n  selected: Array<{\n    handle: string;\n    value:\n      | string\n      | Array<string>\n      | Array<{\n          label: string;\n          start: number;\n          end: number;\n        }>;\n  }>;\n  /** Clear filter by handle */\n  setFilterValue: (handle: string, value: string | Array<string> | [number, number]) => void;\n} => {\n  const { options, config } = useReactifySearchContext();\n  const reactivesearchContext = React.useContext<any>(ReactReduxContext);\n\n  const filterStack = React.useMemo(() => {\n    // select filters by type\n    const matchingFilterss = config.filters.filter((filter) => filter.type === options.mode);\n\n    // select filter stack by handle if provided\n    if (options.filtersHandle) {\n      const matchingFilters = matchingFilterss.find((filterStack) => options.filtersHandle === filterStack.handle);\n      if (matchingFilters) {\n        return matchingFilters;\n      }\n    }\n\n    // select filter stack by collection if provided\n    if (options.mode === \"collection\" && options.collectionHandle) {\n      const matchingFilters = matchingFilterss.find((filterStack) =>\n        filterStack.collections?.includes(options.collectionHandle)\n      );\n      if (matchingFilters) {\n        return matchingFilters;\n      }\n    }\n\n    // select filter with \"default\" handle\n    let matchingFilters = matchingFilterss.find((filterStack) => filterStack.handle === \"default\");\n    if (matchingFilters) {\n      return matchingFilters;\n    }\n\n    // select any filter with \"default\" handle\n    matchingFilters = config.filters.find((filterStack) => filterStack.handle === \"default\");\n    if (matchingFilters) {\n      return matchingFilters;\n    }\n\n    // select any available filter as a last resort\n    matchingFilters = config.filters[0];\n\n    return matchingFilters;\n  }, [config, options]);\n\n  const filters = React.useMemo(() => {\n    const sortedFilters = filterStack?.options.sort((a, b) => (a.position > b.position ? 1 : -1));\n\n    return sortedFilters;\n  }, [filterStack]);\n\n  const selected = React.useMemo(() => {\n    return Object.keys(reactivesearchContext.storeState.selectedValues)\n      .filter((item) => filters.find((filter) => filter.handle === item))\n      .map((item) => ({\n        handle: item,\n        value: reactivesearchContext.storeState.selectedValues[item].value,\n      }));\n  }, [filters, reactivesearchContext?.storeState?.selectedValues]);\n\n  const setFilterValue = React.useCallback(\n    (handle: string, value: string | Array<string> | [number, number]): void => {\n      debug.log(\"useFilters\", \"setFilterValue[handle,value]\", handle, value);\n      reactivesearchContext.store.dispatch(setValue(handle, value));\n    },\n    [reactivesearchContext]\n  );\n\n  return {\n    filterStack: filterStack,\n    filters: filters,\n    selected: selected,\n    setFilterValue: setFilterValue,\n  };\n};\n"]}

package/dist/src/hooks/useIndices.js

@@ -23,7 +23,7 @@ const useIndices = () => {
         let indexNameFormatted = indexName;
         try {
             const indexDate = indexName.split(`${shopName}-`)[1];
-            indexNameFormatted = `${shopName} ${new Date(parseInt(indexDate)).toLocaleString()} (${indexDate})`;
+            indexNameFormatted = `${shopName} ${new Date(parseInt(indexDate, 10)).toLocaleString()} (${indexDate})`;
         }
         catch (error) {
             console.error(error);
@@ -44,7 +44,7 @@ const useIndices = () => {
                 .filter((item) => regexp.test(item))
                 .sort((a, b) => (a > b ? -1 : 1)));
         }))();
-    }, [config.endpoint]);
+    }, [config.endpoint, config.index, shopName]);
     return {
         indices: indices,
         indexNameFormat: indexNameFormat,

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

@@ -1 +1 @@
-{"version":3,"file":"useIndices.js","sourceRoot":"","sources":["../../../src/hooks/useIndices.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,yEAAsE;AAO/D,MAAM,UAAU,GAAG,GAAe,EAAE;IACzC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,mDAAwB,GAAE,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;IAE9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAwB,EAAE,CAAC,CAAC;IAExE,MAAM,eAAe,GAAkC,CAAC,SAAS,EAAE,EAAE;QACnE,IAAI,kBAAkB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC;YACH,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAErD,kBAAkB,GAAG,GAAG,QAAQ,IAAI,IAAI,IAAI,CAC1C,QAAQ,CAAC,SAAS,CAAC,CACpB,CAAC,cAAc,EAAE,KAAK,SAAS,GAAG,CAAC;QACtC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QAED,OAAO,kBAAkB,CAAC;IAC5B,CAAC,CAAC;IAEF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,CAAC,GAAS,EAAE;YACV,MAAM,QAAQ,GAA6B,MAAM,KAAK,CACpD,GAAG,MAAM,CAAC,QAAQ,2BAA2B,EAC7C;gBACE,OAAO,EAAE;oBACP,kBAAkB,EAAE,MAAM,CAAC,KAAK;oBAChC,uBAAuB,EAAE,MAAM;iBAChC;aACF,CACF,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAEtC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC;YAE/C,UAAU,CACR,QAAQ;iBACL,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;iBACzB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACnC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACpC,CAAC;QACJ,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,eAAe,EAAE,eAAe;KACjC,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,UAAU,cAgDrB","sourcesContent":["import React from \"react\";\nimport { useReactifySearchContext } from \"./useReactifySearchContext\";\n\nexport type UseIndices = {\n  indices: Array<string>;\n  indexNameFormat: (indexName: string) => string;\n};\n\nexport const useIndices = (): UseIndices => {\n  const { config, options } = useReactifySearchContext();\n  const shopName = options.shopifyPermanentDomain.replace(\".myshopify.com\", \"\");\n\n  const [indices, setIndices] = React.useState<UseIndices[\"indices\"]>([]);\n\n  const indexNameFormat: UseIndices[\"indexNameFormat\"] = (indexName) => {\n    let indexNameFormatted = indexName;\n    try {\n      const indexDate = indexName.split(`${shopName}-`)[1];\n\n      indexNameFormatted = `${shopName} ${new Date(\n        parseInt(indexDate)\n      ).toLocaleString()} (${indexDate})`;\n    } catch (error) {\n      console.error(error);\n    }\n\n    return indexNameFormatted;\n  };\n\n  React.useEffect(() => {\n    (async () => {\n      const response: Array<{ index: string }> = await fetch(\n        `${config.endpoint}/_cat/indices?format=json`,\n        {\n          headers: {\n            \"x-reactify-index\": config.index,\n            \"x-reactify-skip-cache\": \"true\",\n          },\n        }\n      ).then((response) => response.json());\n\n      const regexp = new RegExp(`${shopName}-[0-9]`);\n\n      setIndices(\n        response\n          .map((item) => item.index)\n          .filter((item) => regexp.test(item))\n          .sort((a, b) => (a > b ? -1 : 1))\n      );\n    })();\n  }, [config.endpoint]);\n\n  return {\n    indices: indices,\n    indexNameFormat: indexNameFormat,\n  };\n};\n"]}
+{"version":3,"file":"useIndices.js","sourceRoot":"","sources":["../../../src/hooks/useIndices.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,yEAAsE;AAO/D,MAAM,UAAU,GAAG,GAAe,EAAE;IACzC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,mDAAwB,GAAE,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;IAE9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAwB,EAAE,CAAC,CAAC;IAExE,MAAM,eAAe,GAAkC,CAAC,SAAS,EAAE,EAAE;QACnE,IAAI,kBAAkB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC;YACH,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAErD,kBAAkB,GAAG,GAAG,QAAQ,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,SAAS,GAAG,CAAC;QAC1G,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QAED,OAAO,kBAAkB,CAAC;IAC5B,CAAC,CAAC;IAEF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,CAAC,GAAS,EAAE;YACV,MAAM,QAAQ,GAA6B,MAAM,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,2BAA2B,EAAE;gBACpG,OAAO,EAAE;oBACP,kBAAkB,EAAE,MAAM,CAAC,KAAK;oBAChC,uBAAuB,EAAE,MAAM;iBAChC;aACF,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAEvC,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC;YAE/C,UAAU,CACR,QAAQ;iBACL,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;iBACzB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACnC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACpC,CAAC;QACJ,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9C,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,eAAe,EAAE,eAAe;KACjC,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,UAAU,cA2CrB","sourcesContent":["import React from \"react\";\nimport { useReactifySearchContext } from \"./useReactifySearchContext\";\n\nexport type UseIndices = {\n  indices: Array<string>;\n  indexNameFormat: (indexName: string) => string;\n};\n\nexport const useIndices = (): UseIndices => {\n  const { config, options } = useReactifySearchContext();\n  const shopName = options.shopifyPermanentDomain.replace(\".myshopify.com\", \"\");\n\n  const [indices, setIndices] = React.useState<UseIndices[\"indices\"]>([]);\n\n  const indexNameFormat: UseIndices[\"indexNameFormat\"] = (indexName) => {\n    let indexNameFormatted = indexName;\n    try {\n      const indexDate = indexName.split(`${shopName}-`)[1];\n\n      indexNameFormatted = `${shopName} ${new Date(parseInt(indexDate, 10)).toLocaleString()} (${indexDate})`;\n    } catch (error) {\n      console.error(error);\n    }\n\n    return indexNameFormatted;\n  };\n\n  React.useEffect(() => {\n    (async () => {\n      const response: Array<{ index: string }> = await fetch(`${config.endpoint}/_cat/indices?format=json`, {\n        headers: {\n          \"x-reactify-index\": config.index,\n          \"x-reactify-skip-cache\": \"true\",\n        },\n      }).then((response) => response.json());\n\n      const regexp = new RegExp(`${shopName}-[0-9]`);\n\n      setIndices(\n        response\n          .map((item) => item.index)\n          .filter((item) => regexp.test(item))\n          .sort((a, b) => (a > b ? -1 : 1))\n      );\n    })();\n  }, [config.endpoint, config.index, shopName]);\n\n  return {\n    indices: indices,\n    indexNameFormat: indexNameFormat,\n  };\n};\n"]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { ReactivesearchPaginationProps } from "../types";
+import type { ReactivesearchPaginationProps } from "../types";
 export declare const usePagination: (input: ReactivesearchPaginationProps) => {
     /** The current page number, indexed from 0 */
     currentPage: number;

package/dist/src/hooks/usePagination.js

@@ -34,20 +34,18 @@ const usePagination = (input) => {
             eventName: "paginationChange",
             payload: {
                 page: pageNumber,
-                source: window.location.pathname.includes("/search")
-                    ? "search"
-                    : "collection",
+                source: window.location.pathname.includes("/search") ? "search" : "collection",
             },
         });
-    }, [input.setPage, track]);
+    }, [input.setPage, track, hasPage]);
     const handleNextPage = react_1.default.useCallback((event) => {
         utility_1.debug.log("usePagination", "handleNextPage", input.currentPage + 1);
         handlePageChange(input.currentPage + 1, event);
-    }, [hasNextPage, input.currentPage, handlePageChange]);
+    }, [input.currentPage, handlePageChange]);
     const handlePreviousPage = react_1.default.useCallback((event) => {
         utility_1.debug.log("usePagination", "handlePreviousPage", input.currentPage - 1);
         handlePageChange(input.currentPage - 1, event);
-    }, [hasPreviousPage, input.currentPage, handlePageChange]);
+    }, [input.currentPage, handlePageChange]);
     return react_1.default.useMemo(() => ({
         currentPage: input.currentPage,
         totalPages: input.totalPages,
@@ -78,25 +76,19 @@ exports.usePagination = usePagination;
 const getPages = (pages, totalPages, currentPage) => {
     const pagesToShow = pages > totalPages ? totalPages : pages;
     const buffer = Math.floor(pagesToShow / 2);
-    let list = [];
     let start = 0;
     if (totalPages <= 5 || currentPage < buffer + 1) {
         start = 0;
     }
     else {
         if (totalPages - buffer <= currentPage) {
-            start =
-                currentPage + 1 === totalPages
-                    ? currentPage - (pagesToShow - 1)
-                    : currentPage - (buffer + buffer / 2);
+            start = currentPage + 1 === totalPages ? currentPage - (pagesToShow - 1) : currentPage - (buffer + buffer / 2);
         }
         else {
             start = currentPage - buffer;
         }
     }
-    Array.apply(null, Array(pagesToShow)).map((item, index) => {
-        list.push(start + index);
-    });
+    const list = Array.from({ length: pagesToShow }, (_item, index) => start + index);
     return list;
 };
 //# sourceMappingURL=usePagination.js.map