@usereactify/search 5.0.0-beta.9 → 5.0.0

package/dist/src/hooks/reactivesearch/useReactiveReactiveListProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactiveReactiveListProps.js","sourceRoot":"","sources":["../../../../src/hooks/reactivesearch/useReactiveReactiveListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,uCAAyC;AACzC,iEAA8D;AAEvD,MAAM,4BAA4B,GAAG,CAAC,OAE5C,EAA6C,EAAE;IAC9C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACrC,MAAM,iBAAiB,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAEjD,MAAM,IAAI,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAC9B,OAAO,MAAA,MAAA,OAAO,CAAC,QAAQ,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,mCAAI,EAAE,CAAC;IACzD,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpC,MAAM,yBAAyB,GAAG,eAAK,CAAC,OAAO,CAC7C,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,OAAO;QAClB,eAAe,EAAE,KAAK;QACtB,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,MAAM;QACnB,cAAc,EAAE,KAAK;QACrB,UAAU,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,MAAK,iBAAiB;QAC7D,cAAc,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,MAAK,iBAAiB;QACjE,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,mDAAmD;KACjF,CAAC,EACF,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,CAAC,QAAQ,CAAC,CACnD,CAAC;IAEF,OAAO,yBAAyB,CAAC;AACnC,CAAC,CAAC;AA5BW,QAAA,4BAA4B,gCA4BvC","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@appbaseio/reactivesearch/lib/components/result/ReactiveList\";\n\nimport { useFilters } from \"../../hooks\";\nimport { useReactiveReactProp } from \"./useReactiveReactProp\";\n\nexport const useReactiveReactiveListProps = (options: {\n  pageSize?: number;\n}): React.ComponentProps<typeof ReactiveList> => {\n  const { filterStack } = useFilters();\n  const reactiveReactProp = useReactiveReactProp();\n\n  const size = React.useMemo(() => {\n    return options.pageSize ?? filterStack?.pageSize ?? 20;\n  }, [options.pageSize, filterStack]);\n\n  const reactiveReactiveListProps = React.useMemo(\n    () => ({\n      size,\n      URLParams: true,\n      showLoader: false,\n      dataField: \"title\",\n      showResultStats: false,\n      react: reactiveReactProp,\n      componentId: \"page\", // this sets ?page= in the URL\n      scrollOnChange: false, // @todo make this better, it's really janky when enabled\n      pagination: filterStack?.paginationType !== \"infinite_scroll\",\n      infiniteScroll: filterStack?.paginationType === \"infinite_scroll\",\n      renderNoResults: () => null, // always use only render, otherwise both are shown\n    }),\n    [filterStack, reactiveReactProp, options.pageSize]\n  );\n\n  return reactiveReactiveListProps;\n};\n"]}

package/dist/src/hooks/useConfig.js

@@ -29,7 +29,7 @@ const useConfig = (shopifyPermanentDomain, configId) => {
         const skipCache = new URLSearchParams(window.location.href.split("?")[1]).get("nocache") !==
             null;
         if (skipCache) {
-            utility_1.debug.log("config cache is disabled");
+            utility_1.debug.log("useConfig", "cache is disabled");
             return;
         }
         const sessionConfig = JSON.parse((_a = window.sessionStorage.getItem("reactify-search:config")) !== null && _a !== void 0 ? _a : "null");

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

@@ -1 +1 @@
-{"version":3,"file":"useConfig.js","sourceRoot":"","sources":["../../../src/hooks/useConfig.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,wCAAmC;AAEnC,wBAAwB;AACxB,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC;AAE5B,MAAM,SAAS,GAAG,CACvB,sBAA8B,EAC9B,QAAiB,EAGjB,EAAE;IACF,2EAA2E;IAC3E,MAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACtC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO;SACR;QACD,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;QAEhD,2DAA2D;QAC3D,MAAM,SAAS,GACb,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC;YACtE,IAAI,CAAC;QACP,IAAI,SAAS,EAAE;YACb,eAAK,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;YAEtC,OAAO;SACR;QAED,MAAM,aAAa,GAGR,IAAI,CAAC,KAAK,CACnB,MAAA,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,wBAAwB,CAAC,mCAAI,MAAM,CAClE,CAAC;QAEF,IAAI,aAAa,EAAE;YACjB,MAAM,gBAAgB,GAAG,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAC9D,IAAI,gBAAgB,GAAG,CAAC,EAAE;gBACxB,eAAK,CAAC,GAAG,CACP,WAAW,EACX,kCAAkC,CAChC,gBAAgB,GAAG,IAAI,CACxB,CAAC,OAAO,EAAE,UAAU,CACtB,CAAC;gBAEF,OAAO,aAAa,CAAC,MAAM,CAAC;aAC7B;iBAAM;gBACL,eAAK,CAAC,GAAG,CACP,WAAW,EACX,iCAAiC,CAC/B,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;oBACvB,IAAI,CACL,CAAC,OAAO,EAAE,cAAc,CAC1B,CAAC;aACH;SACF;QAED,OAAO;IACT,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAqB,YAAY,CAAC,CAAC;IAE7E,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,EAAE;YACV,OAAO;SACR;QAED,CAAC,GAAS,EAAE;YACV,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;YAC/C,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;YAC3C,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;YAEjD,IAAI,QAAQ,EAAE;gBACZ,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;aAClC;YAED,MAAM,SAAS,GACb,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CACzD,SAAS,CACV,KAAK,IAAI,CAAC;YAEb,IAAI,SAAS,EAAE;gBACb,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;aACrC;YAED,MAAM,IAAI,GAAG,MAAM,KAAK,CACtB,uCAAuC,YAAY,CAAC,QAAQ,EAAE,EAAE,CACjE,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAEtC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAErB,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAC;YAE9C,MAAM,CAAC,cAAc,CAAC,OAAO,CAC3B,wBAAwB,EACxB,IAAI,CAAC,SAAS,CAAC;gBACb,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,YAAY;gBAC9C,OAAO,EAAE,SAAS;gBAClB,MAAM,EAAE,IAAI,CAAC,IAAI;aAClB,CAAC,CACH,CAAC;QACJ,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAK,CAAC,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO;QACL,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AA1GW,QAAA,SAAS,aA0GpB","sourcesContent":["import React from \"react\";\n\nimport { Config } from \"../types/config\";\nimport { debug } from \"../utility\";\n\n// 5 minute cache expiry\nconst CACHE_EXPIRY = 5 * 60 * 1000;\n\nexport const useConfig = (\n  shopifyPermanentDomain: string,\n  configId?: string\n): {\n  config: Config | undefined;\n} => {\n  // synchronously returns cached and non-expired config from session storage\n  const cachedConfig = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    debug.log(\"useConfig\", \"checking config cache\");\n\n    // skip checking cache if url search param \"nocache\" is set\n    const skipCache =\n      new URLSearchParams(window.location.href.split(\"?\")[1]).get(\"nocache\") !==\n      null;\n    if (skipCache) {\n      debug.log(\"config cache is disabled\");\n\n      return;\n    }\n\n    const sessionConfig: {\n      expiresAt: number;\n      config: Config;\n    } | null = JSON.parse(\n      window.sessionStorage.getItem(\"reactify-search:config\") ?? \"null\"\n    );\n\n    if (sessionConfig) {\n      const sessionConfigTtl = sessionConfig.expiresAt - Date.now();\n      if (sessionConfigTtl > 0) {\n        debug.log(\n          \"useConfig\",\n          `config cache valid, expires in ${(\n            sessionConfigTtl / 1000\n          ).toFixed()} seconds`\n        );\n\n        return sessionConfig.config;\n      } else {\n        debug.log(\n          \"useConfig\",\n          `config cache invalid, expired ${(\n            (sessionConfigTtl * -1) /\n            1000\n          ).toFixed()} seconds ago`\n        );\n      }\n    }\n\n    return;\n  }, []);\n\n  const [config, setConfig] = React.useState<Config | undefined>(cachedConfig);\n\n  React.useEffect(() => {\n    if (config) {\n      return;\n    }\n\n    (async () => {\n      debug.log(\"useConfig\", \"loading fresh config\");\n      const searchParams = new URLSearchParams();\n      searchParams.set(\"shop\", shopifyPermanentDomain);\n\n      if (configId) {\n        searchParams.set(\"id\", configId);\n      }\n\n      const skipCache =\n        new URLSearchParams(window.location.href.split(\"?\")[1]).get(\n          \"nocache\"\n        ) !== null;\n\n      if (skipCache) {\n        searchParams.set(\"nocache\", \"true\");\n      }\n\n      const json = await fetch(\n        `https://config.search.reactify.app/?${searchParams.toString()}`\n      ).then((response) => response.json());\n\n      setConfig(json.body);\n\n      debug.log(\"useConfig\", \"loaded fresh config\");\n\n      window.sessionStorage.setItem(\n        \"reactify-search:config\",\n        JSON.stringify({\n          expiresAt: new Date().getTime() + CACHE_EXPIRY,\n          noCache: skipCache,\n          config: json.body,\n        })\n      );\n    })();\n  }, [shopifyPermanentDomain, configId]);\n\n  React.useEffect(() => {\n    debug.log(\"useConfig\", \"config\", config);\n  }, [config]);\n\n  return {\n    config,\n  };\n};\n"]}
+{"version":3,"file":"useConfig.js","sourceRoot":"","sources":["../../../src/hooks/useConfig.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { Config } from \"../types/config\";\nimport { debug } from \"../utility\";\n\n// 5 minute cache expiry\nconst CACHE_EXPIRY = 5 * 60 * 1000;\n\nexport const useConfig = (\n  shopifyPermanentDomain: string,\n  configId?: string\n): {\n  config: Config | undefined;\n} => {\n  // synchronously returns cached and non-expired config from session storage\n  const cachedConfig = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    debug.log(\"useConfig\", \"checking config cache\");\n\n    // skip checking cache if url search param \"nocache\" is set\n    const skipCache =\n      new URLSearchParams(window.location.href.split(\"?\")[1]).get(\"nocache\") !==\n      null;\n    if (skipCache) {\n      debug.log(\"useConfig\", \"cache is disabled\");\n\n      return;\n    }\n\n    const sessionConfig: {\n      expiresAt: number;\n      config: Config;\n    } | null = JSON.parse(\n      window.sessionStorage.getItem(\"reactify-search:config\") ?? \"null\"\n    );\n\n    if (sessionConfig) {\n      const sessionConfigTtl = sessionConfig.expiresAt - Date.now();\n      if (sessionConfigTtl > 0) {\n        debug.log(\n          \"useConfig\",\n          `config cache valid, expires in ${(\n            sessionConfigTtl / 1000\n          ).toFixed()} seconds`\n        );\n\n        return sessionConfig.config;\n      } else {\n        debug.log(\n          \"useConfig\",\n          `config cache invalid, expired ${(\n            (sessionConfigTtl * -1) /\n            1000\n          ).toFixed()} seconds ago`\n        );\n      }\n    }\n\n    return;\n  }, []);\n\n  const [config, setConfig] = React.useState<Config | undefined>(cachedConfig);\n\n  React.useEffect(() => {\n    if (config) {\n      return;\n    }\n\n    (async () => {\n      debug.log(\"useConfig\", \"loading fresh config\");\n      const searchParams = new URLSearchParams();\n      searchParams.set(\"shop\", shopifyPermanentDomain);\n\n      if (configId) {\n        searchParams.set(\"id\", configId);\n      }\n\n      const skipCache =\n        new URLSearchParams(window.location.href.split(\"?\")[1]).get(\n          \"nocache\"\n        ) !== null;\n\n      if (skipCache) {\n        searchParams.set(\"nocache\", \"true\");\n      }\n\n      const json = await fetch(\n        `https://config.search.reactify.app/?${searchParams.toString()}`\n      ).then((response) => response.json());\n\n      setConfig(json.body);\n\n      debug.log(\"useConfig\", \"loaded fresh config\");\n\n      window.sessionStorage.setItem(\n        \"reactify-search:config\",\n        JSON.stringify({\n          expiresAt: new Date().getTime() + CACHE_EXPIRY,\n          noCache: skipCache,\n          config: json.body,\n        })\n      );\n    })();\n  }, [shopifyPermanentDomain, configId]);\n\n  React.useEffect(() => {\n    debug.log(\"useConfig\", \"config\", config);\n  }, [config]);\n\n  return {\n    config,\n  };\n};\n"]}

package/dist/src/hooks/useCuration.js

@@ -9,13 +9,9 @@ const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const useCuration = () => {
     const { options, config } = (0, hooks_1.useReactifySearchContext)();
-    const { searchQuery } = (0, hooks_1.useSearch)();
+    const { searchTerm } = (0, hooks_1.useSearch)();
     const curation = react_1.default.useMemo(() => {
-        const handleOrSearchTerm = options.mode === "collection"
-            ? options.collection
-                ? options.collection.handle
-                : searchQuery
-            : "";
+        const handleOrSearchTerm = options.mode === "collection" ? options.collectionHandle : searchTerm;
         const normalisedHandleOrSearchTerm = handleOrSearchTerm
             .toLowerCase()
             .trim();
@@ -54,8 +50,8 @@ const useCuration = () => {
                 : undefined;
     }, [
         config,
-        options.mode === "collection" ? options.collection : undefined,
-        searchQuery,
+        options.mode === "collection" ? options.collectionHandle : undefined,
+        searchTerm,
     ]);
     react_1.default.useEffect(() => {
         utility_1.debug.log("useCuration", "curation", curation);

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 = (): ConfigCuration | undefined => {\n  const { options, config } = useReactifySearchContext();\n  const { searchQuery } = useSearch();\n\n  const curation = React.useMemo(() => {\n    const handleOrSearchTerm =\n      options.mode === \"collection\"\n        ? options.collection\n          ? options.collection.handle\n          : searchQuery\n        : \"\";\n\n    const normalisedHandleOrSearchTerm = handleOrSearchTerm\n      .toLowerCase()\n      .trim();\n\n    const globalCuration = config.curations.find(\n      (curation) => curation.id === \"global\" && curation.type === options.mode\n    );\n\n    const curation = config.curations.find((curation) => {\n      const normalisedSearchTerm = curation.searchTerm?.toLowerCase().trim();\n      const normalisedCollectionHandle = curation.collectionHandle\n        ?.toLowerCase()\n        .trim();\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      const curationIsCollection = curation.type === \"collection\";\n      if (!curationIsCollection) {\n        return curation;\n      }\n\n      const curationHasRules =\n        !!curation.boosting.groupings.length ||\n        !!curation.boosting.sortings.length;\n\n      if (curationHasRules || !globalCuration) {\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.collection : undefined,\n    searchQuery,\n  ]);\n\n  React.useEffect(() => {\n    debug.log(\"useCuration\", \"curation\", curation);\n  }, [curation]);\n\n  return curation;\n};\n"]}
+{"version":3,"file":"useCuration.js","sourceRoot":"","sources":["../../../src/hooks/useCuration.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAA+D;AAC/D,wCAAmC;AAE5B,MAAM,WAAW,GAAG,GAA+B,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IACvD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAEnC,MAAM,QAAQ,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,kBAAkB,GACtB,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;QAExE,MAAM,4BAA4B,GAAG,kBAAkB;aACpD,WAAW,EAAE;aACb,IAAI,EAAE,CAAC;QAEV,MAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAC1C,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CACzE,CAAC;QAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;;YAClD,MAAM,oBAAoB,GAAG,MAAA,QAAQ,CAAC,UAAU,0CAAE,WAAW,GAAG,IAAI,EAAE,CAAC;YACvE,MAAM,0BAA0B,GAAG,MAAA,QAAQ,CAAC,gBAAgB,0CACxD,WAAW,GACZ,IAAI,EAAE,CAAC;YAEV,IAAI,QAAQ,KAAK,OAAO,CAAC,IAAI,EAAE;gBAC7B,OAAO,CACL,QAAQ,KAAK,QAAQ,CAAC,IAAI;oBAC1B,4BAA4B,KAAK,oBAAoB,CACtD,CAAC;aACH;YAED,IAAI,YAAY,KAAK,OAAO,CAAC,IAAI,EAAE;gBACjC,OAAO,CACL,YAAY,KAAK,QAAQ,CAAC,IAAI;oBAC9B,4BAA4B,KAAK,0BAA0B,CAC5D,CAAC;aACH;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,MAAM,iBAAiB,GAAG,CAAC,QAAwB,EAAE,EAAE;YACrD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC;YAC5D,IAAI,CAAC,oBAAoB,EAAE;gBACzB,OAAO,QAAQ,CAAC;aACjB;YAED,MAAM,gBAAgB,GACpB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM;gBACpC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;YAEtC,IAAI,gBAAgB,IAAI,CAAC,cAAc,EAAE;gBACvC,OAAO,QAAQ,CAAC;aACjB;YAED,MAAM,0BAA0B,GAAG,gCAC9B,QAAQ,KACX,QAAQ,EAAE,cAAc,CAAC,QAAQ,GAChB,CAAC;YAEpB,OAAO,0BAA0B,CAAC;QACpC,CAAC,CAAC;QAEF,OAAO,QAAQ;YACb,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YAC7B,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EAAE;QACD,MAAM;QACN,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS;QACpE,UAAU;KACX,CAAC,CAAC;IAEH,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAK,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AA7EW,QAAA,WAAW,eA6EtB","sourcesContent":["import React from \"react\";\n\nimport { ConfigCuration } from \"../types\";\nimport { useReactifySearchContext, useSearch } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useCuration = (): ConfigCuration | undefined => {\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(\n      (curation) => curation.id === \"global\" && curation.type === options.mode\n    );\n\n    const curation = config.curations.find((curation) => {\n      const normalisedSearchTerm = curation.searchTerm?.toLowerCase().trim();\n      const normalisedCollectionHandle = curation.collectionHandle\n        ?.toLowerCase()\n        .trim();\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      const curationIsCollection = curation.type === \"collection\";\n      if (!curationIsCollection) {\n        return curation;\n      }\n\n      const curationHasRules =\n        !!curation.boosting.groupings.length ||\n        !!curation.boosting.sortings.length;\n\n      if (curationHasRules || !globalCuration) {\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 curation;\n};\n"]}

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

@@ -1,10 +1,11 @@
 import { ConfigFilterOption } from "../types/config";
-import { ReactivesearchFilterProps } from "../types/reactivesearch";
-export declare const useFilterListProps: (filter: ConfigFilterOption, reactivesearchFilterProps: ReactivesearchFilterProps) => ReactivesearchFilterProps & {
+import { ReactivesearchFilterListProps } from "../types/reactivesearch";
+export declare const useFilterListProps: (filter: ConfigFilterOption, reactivesearchFilterProps: ReactivesearchFilterListProps) => ReactivesearchFilterListProps & {
     filter: ConfigFilterOption;
     options: Array<{
         doc_count: number;
         key: string;
+        label: string;
         checked: boolean;
     }>;
     hasSelected: boolean;

package/dist/src/hooks/useFilterListProps.js

@@ -5,12 +5,60 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFilterListProps = void 0;
 const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
+const DEFAULT_NUMERIC_SORT = ["0000", "000", "00", "0"];
+const DEFAULT_ALPHABETICAL_SORT = [
+    "XXXS",
+    "XXS",
+    "XS",
+    "XS/S",
+    "S",
+    "SM",
+    "S/M",
+    "M",
+    "ML",
+    "M/L",
+    "L",
+    "LXL",
+    "L/XL",
+    "XL",
+    "2L",
+    "XXL",
+    "3L",
+    "XXXL",
+    "4L",
+    "5L",
+    "6L",
+    "OS",
+    "ONESIZE",
+];
 // converts reactivesearch props returned in filters to a cleaned up/filtered version
 const useFilterListProps = (filter, reactivesearchFilterProps) => {
-    return react_1.default.useMemo(() => {
-        const { data, value } = reactivesearchFilterProps;
+    const { track } = (0, hooks_1.useAnalytics)();
+    const handleChange = react_1.default.useCallback((key) => {
+        utility_1.debug.breadcrumb({
+            category: "filter",
+            message: "filter option changed",
+            data: {
+                filter: filter.name,
+                field: filter.field,
+                value: key,
+            },
+        });
+        utility_1.debug.log("useFilterListProps", "handleChange[key]", key);
+        reactivesearchFilterProps.handleChange(key);
+        track({
+            eventName: "filterChange",
+            payload: {
+                name: filter.name,
+                value: key,
+            },
+        });
+    }, [filter]);
+    const filterListProps = react_1.default.useMemo(() => {
         // remove excluded options, sort alphabeticaly, map checked boolean
-        const options = data
+        const options = reactivesearchFilterProps.data
             .filter(({ key }) => {
             var _a, _b;
             if ((_a = filter.valuesExclude) === null || _a === void 0 ? void 0 : _a.includes(key))
@@ -19,18 +67,27 @@ const useFilterListProps = (filter, reactivesearchFilterProps) => {
                 return false;
             return true;
         })
-            .sort((a, b) => a.key.localeCompare(b.key))
-            .map((option) => (Object.assign(Object.assign({}, option), { checked: (typeof value === "object" && value[option.key]) ||
-                value === option.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) => DEFAULT_ALPHABETICAL_SORT.indexOf(a.key) -
+            DEFAULT_ALPHABETICAL_SORT.indexOf(b.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 value === "object" && 0 < Object.keys(value).length) ||
-            (typeof value !== "object" && !!value);
+        const hasSelected = (typeof reactivesearchFilterProps.value === "object" &&
+            0 < Object.keys(reactivesearchFilterProps.value).length) ||
+            (typeof reactivesearchFilterProps.value !== "object" &&
+                !!reactivesearchFilterProps.value);
         const totalSelected = options.filter((option) => option.checked).length;
-        return Object.assign(Object.assign({}, reactivesearchFilterProps), { filter,
+        return Object.assign(Object.assign({}, reactivesearchFilterProps), { handleChange,
+            filter,
             options,
             hasSelected,
             totalSelected });
-    }, [filter, reactivesearchFilterProps]);
+    }, [filter, handleChange, reactivesearchFilterProps]);
+    return filterListProps;
 };
 exports.useFilterListProps = useFilterListProps;
 //# sourceMappingURL=useFilterListProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFilterListProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAK1B,qFAAqF;AAC9E,MAAM,kBAAkB,GAAG,CAChC,MAA0B,EAC1B,yBAAoD,EAUpD,EAAE;IACF,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,yBAAyB,CAAC;QAElD,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,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;aAC1C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,iCACZ,MAAM,KACT,OAAO,EACL,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAChD,KAAK,KAAK,MAAM,CAAC,GAAG,IACtB,CAAC,CAAC;QAEN,2CAA2C;QAC3C,MAAM,WAAW,GACf,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YAC5D,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;QAEzC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAExE,uCACK,yBAAyB,KAC5B,MAAM;YACN,OAAO;YACP,WAAW;YACX,aAAa,IACb;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AA/CW,QAAA,kBAAkB,sBA+C7B","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { ReactivesearchFilterProps } from \"../types/reactivesearch\";\n\n// converts reactivesearch props returned in filters to a cleaned up/filtered version\nexport const useFilterListProps = (\n  filter: ConfigFilterOption,\n  reactivesearchFilterProps: ReactivesearchFilterProps\n): ReactivesearchFilterProps & {\n  filter: ConfigFilterOption;\n  options: Array<{\n    doc_count: number;\n    key: string;\n    checked: boolean;\n  }>;\n  hasSelected: boolean;\n  totalSelected: number;\n} => {\n  return React.useMemo(() => {\n    const { data, value } = reactivesearchFilterProps;\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((a, b) => a.key.localeCompare(b.key))\n      .map((option) => ({\n        ...option,\n        checked:\n          (typeof value === \"object\" && value[option.key]) ||\n          value === option.key,\n      }));\n\n    // work out if at least one option selected\n    const hasSelected =\n      (typeof value === \"object\" && 0 < Object.keys(value).length) ||\n      (typeof value !== \"object\" && !!value);\n\n    const totalSelected = options.filter((option) => option.checked).length;\n\n    return {\n      ...reactivesearchFilterProps,\n      filter,\n      options,\n      hasSelected,\n      totalSelected,\n    };\n  }, [filter, reactivesearchFilterProps]);\n};\n"]}
+{"version":3,"file":"useFilterListProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterListProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { ReactivesearchFilterListProps } from \"../types/reactivesearch\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nconst DEFAULT_NUMERIC_SORT = [\"0000\", \"000\", \"00\", \"0\"];\nconst DEFAULT_ALPHABETICAL_SORT = [\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: ConfigFilterOption,\n  reactivesearchFilterProps: ReactivesearchFilterListProps\n): ReactivesearchFilterListProps & {\n  filter: ConfigFilterOption;\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.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(\"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 filterListProps = React.useMemo(() => {\n    // remove excluded options, sort alphabeticaly, map checked boolean\n    const options = reactivesearchFilterProps.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(\n        (a, b) =>\n          DEFAULT_ALPHABETICAL_SORT.indexOf(a.key) -\n          DEFAULT_ALPHABETICAL_SORT.indexOf(b.key)\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"]}

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

@@ -0,0 +1,11 @@
+import { ConfigFilterOption } from "../types/config";
+export declare const useFilterRangeProps: (filter: ConfigFilterOption) => {
+    filter: ConfigFilterOption;
+    options: Array<{
+        key: string;
+        label: string;
+        checked: boolean;
+    }>;
+    value: string;
+    handleChange: (key: string) => void;
+};

package/dist/src/hooks/useFilterRangeProps.js

@@ -0,0 +1,53 @@
+"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 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 handleChange = react_1.default.useCallback((key) => {
+        utility_1.debug.breadcrumb({
+            category: "filter",
+            message: "filter option changed",
+            data: {
+                filter: filter.name,
+                field: filter.field,
+                value: key,
+            },
+        });
+        utility_1.debug.log("useFilterRangeProps", "handleChange[key]", key);
+        setFilterValue(key);
+        track({
+            eventName: "filterChange",
+            payload: {
+                name: filter.name,
+                value: key,
+            },
+        });
+    }, [filter]);
+    const filterRangeProps = react_1.default.useMemo(() => {
+        var _a, _b;
+        const options = (_b = (_a = filter.displayRangeOptions) === null || _a === void 0 ? void 0 : _a.map((option) => {
+            const [key] = option.split(":");
+            return {
+                key: key,
+                label: filter.settingsUppercase ? key.toUpperCase() : key,
+                checked: filterValue === key,
+            };
+        })) !== null && _b !== void 0 ? _b : [];
+        return {
+            handleChange,
+            filter,
+            value: filterValue,
+            options,
+        };
+    }, [filter, filterValue, handleChange]);
+    return filterRangeProps;
+};
+exports.useFilterRangeProps = useFilterRangeProps;
+//# sourceMappingURL=useFilterRangeProps.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,12 @@
+import { ConfigFilterOption } from "../types/config";
+export declare const useFilterSliderProps: (filter: ConfigFilterOption) => {
+    filter: ConfigFilterOption;
+    value: {
+        start: number;
+        end: number;
+    };
+    handleChange: (value: {
+        start: number | string;
+        end: number | string;
+    }) => void;
+};

package/dist/src/hooks/useFilterSliderProps.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilterSliderProps = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../hooks");
+const utility_1 = require("../utility");
+const useFilterSliderProps = (filter) => {
+    const { track } = (0, hooks_1.useAnalytics)();
+    const [filterValue, setFilterValue] = react_1.default.useState({
+        start: 0,
+        end: 0,
+    });
+    const handleChange = react_1.default.useCallback((value) => {
+        utility_1.debug.breadcrumb({
+            category: "filter",
+            message: "filter option changed",
+            data: {
+                filter: filter.name,
+                field: filter.field,
+                value: value,
+            },
+        });
+        utility_1.debug.log("useFilterSliderProps", "handleChange[value]", value);
+        setFilterValue({
+            start: parseInt(`${value.start}`),
+            end: parseInt(`${value.end}`),
+        });
+        track({
+            eventName: "filterChange",
+            payload: {
+                name: filter.name,
+                value: `${value.start}:${value.end}`,
+            },
+        });
+    }, [filter]);
+    const filterSliderProps = react_1.default.useMemo(() => {
+        return {
+            handleChange,
+            filter,
+            value: filterValue,
+        };
+    }, [filter, filterValue, handleChange]);
+    return filterSliderProps;
+};
+exports.useFilterSliderProps = useFilterSliderProps;
+//# sourceMappingURL=useFilterSliderProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterSliderProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterSliderProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAwC;AACxC,wCAAmC;AAE5B,MAAM,oBAAoB,GAAG,CAClC,MAA0B,EAW1B,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAGjD;QACD,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CACpC,CAAC,KAAuD,EAAE,EAAE;QAC1D,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,KAAK;aACb;SACF,CAAC,CAAC;QAEH,eAAK,CAAC,GAAG,CAAC,sBAAsB,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAEhE,cAAc,CAAC;YACb,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;YACjC,GAAG,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;SAC9B,CAAC,CAAC;QAEH,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,EAAE;aACrC;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC3C,OAAO;YACL,YAAY;YACZ,MAAM;YACN,KAAK,EAAE,WAAW;SACnB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AA7DW,QAAA,oBAAoB,wBA6D/B","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilterSliderProps = (\n  filter: ConfigFilterOption\n): {\n  filter: ConfigFilterOption;\n  value: {\n    start: number;\n    end: number;\n  };\n  handleChange: (value: {\n    start: number | string;\n    end: number | string;\n  }) => void;\n} => {\n  const { track } = useAnalytics();\n  const [filterValue, setFilterValue] = React.useState<{\n    start: number;\n    end: number;\n  }>({\n    start: 0,\n    end: 0,\n  });\n\n  const handleChange = React.useCallback(\n    (value: { start: number | string; end: number | string }) => {\n      debug.breadcrumb({\n        category: \"filter\",\n        message: \"filter option changed\",\n        data: {\n          filter: filter.name,\n          field: filter.field,\n          value: value,\n        },\n      });\n\n      debug.log(\"useFilterSliderProps\", \"handleChange[value]\", value);\n\n      setFilterValue({\n        start: parseInt(`${value.start}`),\n        end: parseInt(`${value.end}`),\n      });\n\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: `${value.start}:${value.end}`,\n        },\n      });\n    },\n    [filter]\n  );\n\n  const filterSliderProps = React.useMemo(() => {\n    return {\n      handleChange,\n      filter,\n      value: filterValue,\n    };\n  }, [filter, filterValue, handleChange]);\n\n  return filterSliderProps;\n};\n"]}

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

@@ -1,4 +1,7 @@
-import { ConfigFilterOption } from "../types";
+import { ConfigFilter, ConfigFilterOption } from "../types";
 export declare const useFilters: () => {
-    filters: Array<ConfigFilterOption>;
+    /** The currently selected filter stack, based on mode, curation and more */
+    filterStack?: ConfigFilter | undefined;
+    /** All of the available filters within the filter stack */
+    filters?: ConfigFilterOption[] | undefined;
 };

package/dist/src/hooks/useFilters.js

@@ -8,20 +8,54 @@ const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const useFilters = () => {
-    const { filterStack } = (0, hooks_1.useFilterStack)();
-    const filters = react_1.default.useMemo(() => {
-        if (!filterStack) {
-            return {
-                filters: [],
-            };
+    const { options, config } = (0, hooks_1.useReactifySearchContext)();
+    const filterStack = react_1.default.useMemo(() => {
+        if (options.mode === "instant-search") {
+            return undefined;
+        }
+        // select filters by type
+        const matchingFilterss = config.filters.filter((filter) => filter.type === options.mode);
+        // select filter stack by handle if provided
+        if (options.filtersHandle) {
+            const matchingFilters = matchingFilterss.find((filterStack) => options.filtersHandle === filterStack.handle);
+            if (matchingFilters) {
+                return matchingFilters;
+            }
+        }
+        // select filter stack by collection if provided
+        if (options.mode === "collection" && options.collectionHandle) {
+            const matchingFilters = matchingFilterss.find((filterStack) => { var _a; return (_a = filterStack.collections) === null || _a === void 0 ? void 0 : _a.includes(options.collectionHandle); });
+            if (matchingFilters) {
+                return matchingFilters;
+            }
         }
-        const filters = filterStack.options.sort((a, b) => a.position > b.position ? 1 : -1);
-        return {
-            filters: filters,
-        };
+        // select filter with "default" handle
+        let matchingFilters = matchingFilterss.find((filterStack) => filterStack.handle === "default");
+        if (matchingFilters) {
+            return matchingFilters;
+        }
+        // select any filter with "default" handle
+        matchingFilters = config.filters.find((filterStack) => filterStack.handle === "default");
+        if (matchingFilters) {
+            return matchingFilters;
+        }
+        // select any available filter as a last resort
+        matchingFilters = config.filters[0];
+        return matchingFilters;
+    }, [
+        config,
+        options.mode === "collection" ? options.collectionHandle : undefined,
+    ]);
+    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);
+        return sortedFilters;
     }, [filterStack]);
+    utility_1.debug.hook("useFilters", "filterStack", filterStack);
     utility_1.debug.hook("useFilters", "filters", filters);
-    return filters;
+    return {
+        filterStack: filterStack,
+        filters: filters,
+    };
 };
 exports.useFilters = useFilters;
 //# sourceMappingURL=useFilters.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFilters.js","sourceRoot":"","sources":["../../../src/hooks/useFilters.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAA0C;AAC1C,wCAAmC;AAE5B,MAAM,UAAU,GAAG,GAExB,EAAE;IACF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEzC,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;gBACL,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QAED,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAChD,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjC,CAAC;QAEF,OAAO;YACL,OAAO,EAAE,OAAO;SACjB,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAxBW,QAAA,UAAU,cAwBrB","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types\";\nimport { useFilterStack } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilters = (): {\n  filters: Array<ConfigFilterOption>;\n} => {\n  const { filterStack } = useFilterStack();\n\n  const filters = React.useMemo(() => {\n    if (!filterStack) {\n      return {\n        filters: [],\n      };\n    }\n\n    const filters = filterStack.options.sort((a, b) =>\n      a.position > b.position ? 1 : -1\n    );\n\n    return {\n      filters: filters,\n    };\n  }, [filterStack]);\n\n  debug.hook(\"useFilters\", \"filters\", filters);\n\n  return filters;\n};\n"]}
+{"version":3,"file":"useFilters.js","sourceRoot":"","sources":["../../../src/hooks/useFilters.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,UAAU,GAAG,GAKxB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAEvD,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,EAAE;YACrC,OAAO,SAAS,CAAC;SAClB;QAED,yBAAyB;QACzB,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAC5C,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CACzC,CAAC;QAEF,4CAA4C;QAC5C,IAAI,OAAO,CAAC,aAAa,EAAE;YACzB,MAAM,eAAe,GAAG,gBAAgB,CAAC,IAAI,CAC3C,CAAC,WAAW,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,KAAK,WAAW,CAAC,MAAM,CAC9D,CAAC;YACF,IAAI,eAAe,EAAE;gBACnB,OAAO,eAAe,CAAC;aACxB;SACF;QAED,gDAAgD;QAChD,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,OAAO,CAAC,gBAAgB,EAAE;YAC7D,MAAM,eAAe,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,WAC5D,OAAA,MAAA,WAAW,CAAC,WAAW,0CAAE,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA,EAAA,CAC5D,CAAC;YACF,IAAI,eAAe,EAAE;gBACnB,OAAO,eAAe,CAAC;aACxB;SACF;QAED,sCAAsC;QACtC,IAAI,eAAe,GAAG,gBAAgB,CAAC,IAAI,CACzC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAClD,CAAC;QACF,IAAI,eAAe,EAAE;YACnB,OAAO,eAAe,CAAC;SACxB;QAED,0CAA0C;QAC1C,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CACnC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAClD,CAAC;QACF,IAAI,eAAe,EAAE;YACnB,OAAO,eAAe,CAAC;SACxB;QAED,+CAA+C;QAC/C,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAEpC,OAAO,eAAe,CAAC;IACzB,CAAC,EAAE;QACD,MAAM;QACN,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS;KACrE,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACvD,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjC,CAAC;QAEF,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;IACrD,eAAK,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO;QACL,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,OAAO;KACjB,CAAC;AACJ,CAAC,CAAC;AA9EW,QAAA,UAAU,cA8ErB","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilter, ConfigFilterOption } 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<ConfigFilterOption>;\n} => {\n  const { options, config } = useReactifySearchContext();\n\n  const filterStack = React.useMemo(() => {\n    if (options.mode === \"instant-search\") {\n      return undefined;\n    }\n\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  debug.hook(\"useFilters\", \"filterStack\", filterStack);\n  debug.hook(\"useFilters\", \"filters\", filters);\n\n  return {\n    filterStack: filterStack,\n    filters: filters,\n  };\n};\n"]}

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

@@ -1,14 +1,24 @@
 import React from "react";
 import { ReactivesearchPaginationProps } from "../types";
 export declare const usePagination: (input: ReactivesearchPaginationProps) => {
+    /** The current page number, indexed from 0 */
     currentPage: number;
+    /** The total amount of pages */
     totalPages: number;
+    /** The total amount of pages to show within pagination components */
     pagesToShow: Array<number>;
+    /** If there is a next page */
     hasNextPage: boolean;
+    /** If there is a previous page */
     hasPreviousPage: boolean;
+    /** The _actual_ current page number, indexed from 1 */
     actualCurrentPage: number;
+    /** Function to build a URL for a specific page number, useful for Href links */
     buildPagePath: (page: number) => string;
+    /** Function to change to the next page, if an event is provided the preventDefault() method will be called */
     handleNextPage: (event?: React.SyntheticEvent<Element, Event> | undefined) => void;
+    /** Function to change to the previous page, if an event is provided the preventDefault() method will be called */
     handlePreviousPage: (event?: React.SyntheticEvent<Element, Event> | undefined) => void;
+    /** Function to change to any page, if an event is provided the preventDefault() method will be called */
     handlePageChange: (pageNumber: number, event?: React.SyntheticEvent<Element, Event> | undefined) => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchPaginationProps } from \"../types\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const usePagination = (\n  input: ReactivesearchPaginationProps\n): {\n  currentPage: number;\n  totalPages: number;\n  pagesToShow: Array<number>;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n  actualCurrentPage: number;\n  buildPagePath: (page: number) => string;\n  handleNextPage: (event?: React.SyntheticEvent) => void;\n  handlePreviousPage: (event?: React.SyntheticEvent) => void;\n  handlePageChange: (pageNumber: number, event?: React.SyntheticEvent) => void;\n} => {\n  const { track } = useAnalytics();\n\n  const buildPagePath = React.useCallback((page: number) => {\n    const currentPath = window.location.pathname;\n\n    return currentPath.includes(\"page=\")\n      ? currentPath.replace(/page=\\d+/g, `page=${page}`)\n      : `${currentPath}${currentPath.includes(\"?\") ? \"&\" : \"?\"}page=${page}`;\n  }, []);\n\n  const pagesToShow = React.useMemo(\n    () => getPages(input.pages, input.totalPages, input.currentPage),\n    [input.pages, input.totalPages, input.currentPage]\n  );\n\n  // default input.currentPage is zero-indexed, actualCurrentPage is one-indexed\n  const actualCurrentPage = React.useMemo(\n    () => input.currentPage + 1,\n    [input.currentPage]\n  );\n\n  const hasNextPage = React.useMemo(\n    () => actualCurrentPage < input.totalPages,\n    [actualCurrentPage, input.totalPages]\n  );\n\n  const hasPreviousPage = React.useMemo(\n    () => actualCurrentPage > 1,\n    [actualCurrentPage]\n  );\n\n  const hasPage = React.useCallback(\n    (pageNumber: number) => {\n      return pageNumber >= 0 && pageNumber < input.totalPages;\n    },\n    [input.totalPages]\n  );\n\n  const handlePageChange = React.useCallback<\n    ReturnType<typeof usePagination>[\"handlePageChange\"]\n  >(\n    (pageNumber, event) => {\n      debug.log(\"usePagination\", \"handlePageChange[pageNumber]\", pageNumber);\n      debug.breadcrumb({\n        category: \"pagination\",\n        message: \"change page number\",\n        data: {\n          pageNumber: pageNumber,\n        },\n      });\n      event?.preventDefault();\n      if (!hasPage(pageNumber)) {\n        return;\n      }\n      input.setPage(pageNumber);\n      track({\n        eventName: \"paginationChange\",\n        payload: {\n          page: pageNumber,\n          source: window.location.pathname.includes(\"/search\")\n            ? \"search\"\n            : \"collection\",\n        },\n      });\n    },\n    [input.setPage, track]\n  );\n\n  const handleNextPage = React.useCallback<\n    ReturnType<typeof usePagination>[\"handleNextPage\"]\n  >(\n    (event) => {\n      debug.log(\"usePagination\", \"handleNextPage\", input.currentPage + 1);\n      handlePageChange(input.currentPage + 1, event);\n    },\n    [hasNextPage, input.currentPage, handlePageChange]\n  );\n\n  const handlePreviousPage = React.useCallback<\n    ReturnType<typeof usePagination>[\"handlePreviousPage\"]\n  >(\n    (event) => {\n      debug.log(\"usePagination\", \"handlePreviousPage\", input.currentPage - 1);\n      handlePageChange(input.currentPage - 1, event);\n    },\n    [hasPreviousPage, input.currentPage, handlePageChange]\n  );\n\n  return React.useMemo(\n    () => ({\n      currentPage: input.currentPage,\n      totalPages: input.totalPages,\n      pagesToShow,\n      hasNextPage,\n      buildPagePath,\n      hasPreviousPage,\n      actualCurrentPage,\n      handleNextPage,\n      handlePreviousPage,\n      handlePageChange,\n    }),\n    [\n      input.currentPage,\n      input.totalPages,\n      pagesToShow,\n      hasNextPage,\n      buildPagePath,\n      hasPreviousPage,\n      actualCurrentPage,\n      handleNextPage,\n      handlePreviousPage,\n      handlePageChange,\n    ]\n  );\n};\n\n// get a list of pages to display buttons for\n// @todo this is super hacky and needs to be cleaned up\nconst getPages = (pages: number, totalPages: number, currentPage: number) => {\n  const pagesToShow = pages > totalPages ? totalPages : pages;\n  const buffer = Math.floor(pagesToShow / 2);\n  let list: number[] = [];\n  let start = 0;\n  if (totalPages <= 5 || currentPage < buffer + 1) {\n    start = 0;\n  } else {\n    if (totalPages - buffer <= currentPage) {\n      start =\n        currentPage + 1 === totalPages\n          ? currentPage - (pagesToShow - 1)\n          : currentPage - (buffer + buffer / 2);\n    } else {\n      start = currentPage - buffer;\n    }\n  }\n  Array.apply(null, Array(pagesToShow)).map((item, index) => {\n    list.push(start + index);\n  });\n  return list;\n};\n"]}
+{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchPaginationProps } from \"../types\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const usePagination = (\n  input: ReactivesearchPaginationProps\n): {\n  /** The current page number, indexed from 0 */\n  currentPage: number;\n  /** The total amount of pages */\n  totalPages: number;\n  /** The total amount of pages to show within pagination components */\n  pagesToShow: Array<number>;\n  /** If there is a next page */\n  hasNextPage: boolean;\n  /** If there is a previous page */\n  hasPreviousPage: boolean;\n  /** The _actual_ current page number, indexed from 1 */\n  actualCurrentPage: number;\n  /** Function to build a URL for a specific page number, useful for Href links */\n  buildPagePath: (page: number) => string;\n  /** Function to change to the next page, if an event is provided the preventDefault() method will be called */\n  handleNextPage: (event?: React.SyntheticEvent) => void;\n  /** Function to change to the previous page, if an event is provided the preventDefault() method will be called */\n  handlePreviousPage: (event?: React.SyntheticEvent) => void;\n  /** Function to change to any page, if an event is provided the preventDefault() method will be called */\n  handlePageChange: (pageNumber: number, event?: React.SyntheticEvent) => void;\n} => {\n  const { track } = useAnalytics();\n\n  const buildPagePath = React.useCallback((page: number) => {\n    const currentPath = window.location.pathname;\n\n    return currentPath.includes(\"page=\")\n      ? currentPath.replace(/page=\\d+/g, `page=${page}`)\n      : `${currentPath}${currentPath.includes(\"?\") ? \"&\" : \"?\"}page=${page}`;\n  }, []);\n\n  const pagesToShow = React.useMemo(\n    () => getPages(input.pages, input.totalPages, input.currentPage),\n    [input.pages, input.totalPages, input.currentPage]\n  );\n\n  // default input.currentPage is zero-indexed, actualCurrentPage is one-indexed\n  const actualCurrentPage = React.useMemo(\n    () => input.currentPage + 1,\n    [input.currentPage]\n  );\n\n  const hasNextPage = React.useMemo(\n    () => actualCurrentPage < input.totalPages,\n    [actualCurrentPage, input.totalPages]\n  );\n\n  const hasPreviousPage = React.useMemo(\n    () => actualCurrentPage > 1,\n    [actualCurrentPage]\n  );\n\n  const hasPage = React.useCallback(\n    (pageNumber: number) => {\n      return pageNumber >= 0 && pageNumber < input.totalPages;\n    },\n    [input.totalPages]\n  );\n\n  const handlePageChange = React.useCallback<\n    ReturnType<typeof usePagination>[\"handlePageChange\"]\n  >(\n    (pageNumber, event) => {\n      debug.log(\"usePagination\", \"handlePageChange[pageNumber]\", pageNumber);\n      debug.breadcrumb({\n        category: \"pagination\",\n        message: \"change page number\",\n        data: {\n          pageNumber: pageNumber,\n        },\n      });\n      event?.preventDefault();\n      if (!hasPage(pageNumber)) {\n        return;\n      }\n      input.setPage(pageNumber);\n      track({\n        eventName: \"paginationChange\",\n        payload: {\n          page: pageNumber,\n          source: window.location.pathname.includes(\"/search\")\n            ? \"search\"\n            : \"collection\",\n        },\n      });\n    },\n    [input.setPage, track]\n  );\n\n  const handleNextPage = React.useCallback<\n    ReturnType<typeof usePagination>[\"handleNextPage\"]\n  >(\n    (event) => {\n      debug.log(\"usePagination\", \"handleNextPage\", input.currentPage + 1);\n      handlePageChange(input.currentPage + 1, event);\n    },\n    [hasNextPage, input.currentPage, handlePageChange]\n  );\n\n  const handlePreviousPage = React.useCallback<\n    ReturnType<typeof usePagination>[\"handlePreviousPage\"]\n  >(\n    (event) => {\n      debug.log(\"usePagination\", \"handlePreviousPage\", input.currentPage - 1);\n      handlePageChange(input.currentPage - 1, event);\n    },\n    [hasPreviousPage, input.currentPage, handlePageChange]\n  );\n\n  return React.useMemo(\n    () => ({\n      currentPage: input.currentPage,\n      totalPages: input.totalPages,\n      pagesToShow,\n      hasNextPage,\n      buildPagePath,\n      hasPreviousPage,\n      actualCurrentPage,\n      handleNextPage,\n      handlePreviousPage,\n      handlePageChange,\n    }),\n    [\n      input.currentPage,\n      input.totalPages,\n      pagesToShow,\n      hasNextPage,\n      buildPagePath,\n      hasPreviousPage,\n      actualCurrentPage,\n      handleNextPage,\n      handlePreviousPage,\n      handlePageChange,\n    ]\n  );\n};\n\n// get a list of pages to display buttons for\n// @todo this is super hacky and needs to be cleaned up\nconst getPages = (pages: number, totalPages: number, currentPage: number) => {\n  const pagesToShow = pages > totalPages ? totalPages : pages;\n  const buffer = Math.floor(pagesToShow / 2);\n  let list: number[] = [];\n  let start = 0;\n  if (totalPages <= 5 || currentPage < buffer + 1) {\n    start = 0;\n  } else {\n    if (totalPages - buffer <= currentPage) {\n      start =\n        currentPage + 1 === totalPages\n          ? currentPage - (pagesToShow - 1)\n          : currentPage - (buffer + buffer / 2);\n    } else {\n      start = currentPage - buffer;\n    }\n  }\n  Array.apply(null, Array(pagesToShow)).map((item, index) => {\n    list.push(start + index);\n  });\n  return list;\n};\n"]}

package/dist/src/hooks/usePaginationLoadMore.js

@@ -9,7 +9,7 @@ const hooks_1 = require("../hooks");
 const utility_1 = require("../utility");
 const usePaginationLoadMore = (input) => {
     const analyticsHook = (0, hooks_1.useAnalytics)();
-    const { filterStack } = (0, hooks_1.useFilterStack)();
+    const { filterStack } = (0, hooks_1.useFilters)();
     const hasMore = input.resultStats.displayedResults !== input.resultStats.numberOfResults;
     const handleLoadMore = react_1.default.useCallback(() => {
         utility_1.debug.log("usePaginationLoadMore", "handleLoadMore");

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

@@ -1 +1 @@
-{"version":3,"file":"usePaginationLoadMore.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationLoadMore.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAwD;AACxD,wCAAmC;AAE5B,MAAM,qBAAqB,GAAG,CACnC,KAAgC,EAchC,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,oBAAY,GAAE,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEzC,MAAM,OAAO,GACX,KAAK,CAAC,WAAW,CAAC,gBAAgB,KAAK,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC;IAE3E,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,eAAK,CAAC,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;QAErD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,KAAK,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE;gBACP,IAAI,EACF,IAAI,CAAC,IAAI,CACP,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,EAAE,CAAC,CACnE,GAAG,CAAC;gBACP,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;oBAClD,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,YAAY;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO;QACP,cAAc;QACd,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,WAAW,CAAC,CAC5D,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,qBAAqB,yBAqDhC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchResultProps } from \"../types\";\nimport { useAnalytics, useFilterStack } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const usePaginationLoadMore = (\n  input: ReactivesearchResultProps\n): {\n  loading: boolean;\n  hasMore: boolean;\n  handleLoadMore: () => void;\n  resultStats: {\n    time: number;\n    hidden: number;\n    promoted: number;\n    currentPage: number;\n    numberOfPages: number;\n    numberOfResults?: number;\n    displayedResults: number;\n  };\n} => {\n  const analyticsHook = useAnalytics();\n  const { filterStack } = useFilterStack();\n\n  const hasMore =\n    input.resultStats.displayedResults !== input.resultStats.numberOfResults;\n\n  const handleLoadMore = React.useCallback(() => {\n    debug.log(\"usePaginationLoadMore\", \"handleLoadMore\");\n\n    if (!hasMore) {\n      return;\n    }\n\n    input.loadMore();\n    analyticsHook.track({\n      eventName: \"paginationChange\",\n      payload: {\n        page:\n          Math.ceil(\n            input.resultStats.displayedResults / (filterStack?.pageSize || 20)\n          ) + 1,\n        source: window.location.pathname.includes(\"/search\")\n          ? \"search\"\n          : \"collection\",\n      },\n    });\n  }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack]);\n\n  return React.useMemo(\n    () => ({\n      loading: input.loading,\n      hasMore,\n      handleLoadMore,\n      resultStats: input.resultStats,\n    }),\n    [input.loading, hasMore, handleLoadMore, input.resultStats]\n  );\n};\n"]}
+{"version":3,"file":"usePaginationLoadMore.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationLoadMore.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAoD;AACpD,wCAAmC;AAE5B,MAAM,qBAAqB,GAAG,CACnC,KAAgC,EAchC,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,oBAAY,GAAE,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,MAAM,OAAO,GACX,KAAK,CAAC,WAAW,CAAC,gBAAgB,KAAK,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC;IAE3E,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,eAAK,CAAC,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;QAErD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,KAAK,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE;gBACP,IAAI,EACF,IAAI,CAAC,IAAI,CACP,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,EAAE,CAAC,CACnE,GAAG,CAAC;gBACP,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;oBAClD,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,YAAY;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO;QACP,cAAc;QACd,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,EACF,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,WAAW,CAAC,CAC5D,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,qBAAqB,yBAqDhC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchResultProps } from \"../types\";\nimport { useAnalytics, useFilters } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const usePaginationLoadMore = (\n  input: ReactivesearchResultProps\n): {\n  loading: boolean;\n  hasMore: boolean;\n  handleLoadMore: () => void;\n  resultStats: {\n    time: number;\n    hidden: number;\n    promoted: number;\n    currentPage: number;\n    numberOfPages: number;\n    numberOfResults?: number;\n    displayedResults: number;\n  };\n} => {\n  const analyticsHook = useAnalytics();\n  const { filterStack } = useFilters();\n\n  const hasMore =\n    input.resultStats.displayedResults !== input.resultStats.numberOfResults;\n\n  const handleLoadMore = React.useCallback(() => {\n    debug.log(\"usePaginationLoadMore\", \"handleLoadMore\");\n\n    if (!hasMore) {\n      return;\n    }\n\n    input.loadMore();\n    analyticsHook.track({\n      eventName: \"paginationChange\",\n      payload: {\n        page:\n          Math.ceil(\n            input.resultStats.displayedResults / (filterStack?.pageSize || 20)\n          ) + 1,\n        source: window.location.pathname.includes(\"/search\")\n          ? \"search\"\n          : \"collection\",\n      },\n    });\n  }, [input.loadMore, analyticsHook.track, input.resultStats, filterStack]);\n\n  return React.useMemo(\n    () => ({\n      loading: input.loading,\n      hasMore,\n      handleLoadMore,\n      resultStats: input.resultStats,\n    }),\n    [input.loading, hasMore, handleLoadMore, input.resultStats]\n  );\n};\n"]}