@usereactify/search 5.29.2 → 5.30.0-beta.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [5.30.0-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.28.0-beta.0...beta-v5.30.0-beta.0) (2023-08-25)
+
+
+### Features
+
+* add loading field to useResults ([3441e12](https://bitbucket.org/usereactify/reactify-search-ui/commit/3441e128198720b0eb27ca332b5e3b98af21d2fb))
+
 ### [5.29.2](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.29.1...release-v5.29.2) (2023-08-17)
 
 ### [5.29.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/release-v5.29.0...release-v5.29.1) (2023-08-17)

package/dist/package.json

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

package/dist/src/components/ReactifySearchProvider/ReactifySearchProvider.js

@@ -24,7 +24,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactifySearchProvider = void 0;
 const react_1 = __importDefault(require("react"));
-const Sentry = __importStar(require("@sentry/react"));
 // @ts-expect-error missing types
 const GaGtag = __importStar(require("ga-gtag"));
 const package_json_1 = __importDefault(require("../../../package.json"));
@@ -34,13 +33,6 @@ const utility_1 = require("../../utility");
 const ReactifySearchProvider = (props) => {
     react_1.default.useEffect(() => {
         utility_1.debug.log("ReactifySearchProvider", "props", props);
-        Sentry.setTags({
-            "reactifysearch.index": props.index,
-            "reactifysearch.shop": props.shopifyPermanentDomain,
-            "reactifysearch.mode": props.mode,
-            "reactifysearch.collection": props.mode === "collection" ? props.collectionHandle : undefined,
-            "reactifysearch.filter": props.filtersHandle,
-        });
         GaGtag.install("G-DV00Z0X5VP", {
             cookie_prefix: "_rs",
             user_properties: {
@@ -49,8 +41,7 @@ const ReactifySearchProvider = (props) => {
             },
         });
     }, [props]);
-    return (react_1.default.createElement(Sentry.ErrorBoundary, { fallback: react_1.default.createElement("p", null, "An error has occurred") },
-        react_1.default.createElement(ReactifySearchInner, Object.assign({}, props))));
+    return react_1.default.createElement(ReactifySearchInner, Object.assign({}, props));
 };
 exports.ReactifySearchProvider = ReactifySearchProvider;
 const ReactifySearchInner = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"ReactifySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/ReactifySearchProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport * as Sentry from \"@sentry/react\";\n// @ts-expect-error missing types\nimport * as GaGtag from \"ga-gtag\";\n\nimport pkg from \"../../../package.json\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { debug } from \"../../utility\";\nimport { ReactivesearchResultProps } from \"../../types\";\n\nexport type ReactifySearchProviderProps = {\n  /** Standard react children */\n  children?: React.ReactNode | undefined;\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Override the default Reactify Search id (for telemetry) */\n  clientId?: string;\n  /** Advanced usage: Override the default Filters selection logic */\n  filtersHandle?: string;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentIds?: Array<string>;\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: string;\n  /** Advanced usage: Override the default Elasticsearch endpoint */\n  endpoint?: string;\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n  /** Advanced usage: Fields to include in the Elasticsearch response e.g. [\"title\"] */\n  includeFields?: Array<string>;\n  /** Advanced usage: Fields to exclude from the Elasticsearch response e.g. [\"variant_skus\", \"*price*\"] */\n  excludeFields?: Array<string>;\n  /** Advanced usage: Flags are used to enable or disable specific features within Reactify Search */\n  flags?: Record<string, boolean>;\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collectionHandle: string;\n    }\n  | {\n      mode: \"instant-search\";\n    }\n);\n\nexport const ReactifySearchProvider: React.FC<ReactifySearchProviderProps> = (\n  props\n) => {\n  React.useEffect(() => {\n    debug.log(\"ReactifySearchProvider\", \"props\", props);\n\n    Sentry.setTags({\n      \"reactifysearch.index\": props.index,\n      \"reactifysearch.shop\": props.shopifyPermanentDomain,\n      \"reactifysearch.mode\": props.mode,\n      \"reactifysearch.collection\":\n        props.mode === \"collection\" ? props.collectionHandle : undefined,\n      \"reactifysearch.filter\": props.filtersHandle,\n    });\n\n    GaGtag.install(\"G-DV00Z0X5VP\", {\n      cookie_prefix: \"_rs\",\n      user_properties: {\n        shop: props.shopifyPermanentDomain,\n        version: pkg.version,\n      },\n    });\n  }, [props]);\n\n  return (\n    <Sentry.ErrorBoundary fallback={<p>An error has occurred</p>}>\n      <ReactifySearchInner {...props} />\n    </Sentry.ErrorBoundary>\n  );\n};\n\nconst ReactifySearchInner: React.FC<ReactifySearchProviderProps> = (props) => {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.configId);\n\n  const theme = props.theme ?? {\n    typography: {\n      fontFamily: \"inherit\",\n      fontSize: \"inherit\",\n    },\n  };\n\n  const searchTermFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const indexFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"index\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const [searchTerm, setSearchTerm] = React.useState<string>(\n    searchTermFromURL ?? \"\"\n  );\n  const [showInstantSearchResults, setShowInstantSearchResults] =\n    React.useState<boolean>(false);\n  const [sortOption, setSortOption] = React.useState<string>(\n    searchSortFromURL ?? \"\"\n  );\n\n  const [results, setResults] = React.useState<\n    ReactivesearchResultProps[\"data\"]\n  >([]);\n  const [resultStats, setResultStats] =\n    React.useState<ReactivesearchResultProps[\"resultStats\"]>();\n\n  React.useEffect(() => {\n    if (searchTermFromURL && searchTerm !== searchTermFromURL) {\n      setSearchTerm(searchTermFromURL);\n    }\n  }, [searchTermFromURL]);\n\n  React.useEffect(() => {\n    if (searchSortFromURL && sortOption !== searchSortFromURL) {\n      setSortOption(searchSortFromURL);\n    }\n  }, [searchSortFromURL]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return;\n    }\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        clientId: props.clientId ?? \"theme\",\n        index: props.index ?? indexFromURL ?? config.index,\n        filtersHandle: props.filtersHandle,\n        credentials: props.credentials,\n        endpoint: props.endpoint ?? \"https://api.search.reactify.app\",\n        theme: theme,\n      },\n      search: {\n        searchTerm: searchTerm,\n        setSearchTerm: setSearchTerm,\n        showInstantSearchResults: showInstantSearchResults,\n        setShowInstantSearchResults: setShowInstantSearchResults,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n      results: {\n        results: results,\n        setResults: setResults,\n        resultStats: resultStats,\n        setResultStats: setResultStats,\n      },\n    };\n  }, [\n    config,\n    props,\n    searchTerm,\n    showInstantSearchResults,\n    sortOption,\n    results,\n    resultStats,\n  ]);\n\n  debug.hook(\"ReactifySearchProvider\", \"context\", contextValue);\n\n  if (!contextValue) {\n    if (props.renderBooting) {\n      return props.renderBooting();\n    }\n    return null;\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>\n        {props.children}\n      </UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n};\n"]}
+{"version":3,"file":"ReactifySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/ReactifySearchProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n// @ts-expect-error missing types\nimport * as GaGtag from \"ga-gtag\";\n\nimport pkg from \"../../../package.json\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { debug } from \"../../utility\";\nimport { ReactivesearchResultProps } from \"../../types\";\n\nexport type ReactifySearchProviderProps = {\n  /** Standard react children */\n  children?: React.ReactNode | undefined;\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Override the default Reactify Search id (for telemetry) */\n  clientId?: string;\n  /** Advanced usage: Override the default Filters selection logic */\n  filtersHandle?: string;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentIds?: Array<string>;\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: string;\n  /** Advanced usage: Override the default Elasticsearch endpoint */\n  endpoint?: string;\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n  /** Advanced usage: Fields to include in the Elasticsearch response e.g. [\"title\"] */\n  includeFields?: Array<string>;\n  /** Advanced usage: Fields to exclude from the Elasticsearch response e.g. [\"variant_skus\", \"*price*\"] */\n  excludeFields?: Array<string>;\n  /** Advanced usage: Flags are used to enable or disable specific features within Reactify Search */\n  flags?: Record<string, boolean>;\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collectionHandle: string;\n    }\n  | {\n      mode: \"instant-search\";\n    }\n);\n\nexport const ReactifySearchProvider: React.FC<ReactifySearchProviderProps> = (\n  props\n) => {\n  React.useEffect(() => {\n    debug.log(\"ReactifySearchProvider\", \"props\", props);\n\n    GaGtag.install(\"G-DV00Z0X5VP\", {\n      cookie_prefix: \"_rs\",\n      user_properties: {\n        shop: props.shopifyPermanentDomain,\n        version: pkg.version,\n      },\n    });\n  }, [props]);\n\n  return <ReactifySearchInner {...props} />;\n};\n\nconst ReactifySearchInner: React.FC<ReactifySearchProviderProps> = (props) => {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.configId);\n\n  const theme = props.theme ?? {\n    typography: {\n      fontFamily: \"inherit\",\n      fontSize: \"inherit\",\n    },\n  };\n\n  const searchTermFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const indexFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"index\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const [searchTerm, setSearchTerm] = React.useState<string>(\n    searchTermFromURL ?? \"\"\n  );\n  const [showInstantSearchResults, setShowInstantSearchResults] =\n    React.useState<boolean>(false);\n  const [sortOption, setSortOption] = React.useState<string>(\n    searchSortFromURL ?? \"\"\n  );\n\n  const [results, setResults] = React.useState<\n    ReactivesearchResultProps[\"data\"]\n  >([]);\n  const [resultStats, setResultStats] =\n    React.useState<ReactivesearchResultProps[\"resultStats\"]>();\n\n  React.useEffect(() => {\n    if (searchTermFromURL && searchTerm !== searchTermFromURL) {\n      setSearchTerm(searchTermFromURL);\n    }\n  }, [searchTermFromURL]);\n\n  React.useEffect(() => {\n    if (searchSortFromURL && sortOption !== searchSortFromURL) {\n      setSortOption(searchSortFromURL);\n    }\n  }, [searchSortFromURL]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return;\n    }\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        clientId: props.clientId ?? \"theme\",\n        index: props.index ?? indexFromURL ?? config.index,\n        filtersHandle: props.filtersHandle,\n        credentials: props.credentials,\n        endpoint: props.endpoint ?? \"https://api.search.reactify.app\",\n        theme: theme,\n      },\n      search: {\n        searchTerm: searchTerm,\n        setSearchTerm: setSearchTerm,\n        showInstantSearchResults: showInstantSearchResults,\n        setShowInstantSearchResults: setShowInstantSearchResults,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n      results: {\n        results: results,\n        setResults: setResults,\n        resultStats: resultStats,\n        setResultStats: setResultStats,\n      },\n    };\n  }, [\n    config,\n    props,\n    searchTerm,\n    showInstantSearchResults,\n    sortOption,\n    results,\n    resultStats,\n  ]);\n\n  debug.hook(\"ReactifySearchProvider\", \"context\", contextValue);\n\n  if (!contextValue) {\n    if (props.renderBooting) {\n      return props.renderBooting();\n    }\n    return null;\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>\n        {props.children}\n      </UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n};\n"]}

package/dist/src/components/Result/Results.js

@@ -13,7 +13,6 @@ const ResultPaginationLoadMore_1 = require("./ResultPaginationLoadMore");
 const ResultPaginationNextPrev_1 = require("./ResultPaginationNextPrev");
 const types_1 = require("../../types");
 const hooks_1 = require("../../hooks");
-const utility_1 = require("../../utility");
 const ResultPaginationInfiniteScroll_1 = require("./ResultPaginationInfiniteScroll");
 const Results = (props) => {
     const reactiveReactiveListProps = (0, hooks_1.useReactiveReactiveListProps)({
@@ -83,13 +82,6 @@ const ResultsInner = (props) => {
         resultsHook.setResultStats(props.reactivesearchResultProps.resultStats);
     }, [props.reactivesearchResultProps.data.map((item) => item._id).join("")]);
     if (props.reactivesearchResultProps.error) {
-        utility_1.debug.breadcrumb({
-            category: "result",
-            message: "error",
-            data: {
-                error: props.reactivesearchResultProps.error,
-            },
-        });
         const RenderErrorComponent = (_c = props.renderError) !== null && _c !== void 0 ? _c : ResultsRenderErrorComponent;
         return (react_1.default.createElement(RenderErrorComponent, { error: props.reactivesearchResultProps.error }));
     }

package/dist/src/components/Result/Results.js.map

@@ -1 +1 @@
-{"version":3,"file":"Results.js","sourceRoot":"","sources":["../../../../src/components/Result/Results.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@appbaseio/reactivesearch/lib/components/result/ReactiveList\";\n\nimport { ResultCardCallout } from \"./ResultCardCallout\";\nimport { ResultCardProduct } from \"./ResultCardProduct\";\nimport { ResultPaginationNumbered } from \"./ResultPaginationNumbered\";\nimport { ResultPaginationLoadMore } from \"./ResultPaginationLoadMore\";\nimport { ResultPaginationNextPrev } from \"./ResultPaginationNextPrev\";\n\nimport {\n  ElasticCallout,\n  ElasticProduct,\n  ElasticDocumentType,\n  ReactivesearchError,\n  ReactivesearchResultProps,\n  ReactivesearchPaginationProps,\n} from \"../../types\";\nimport {\n  useReactifySearchContext,\n  useAnalytics,\n  useSearch,\n  useFilters,\n  useReactiveReactiveListProps,\n  useProductPrice,\n  usePagination,\n  usePaginationLoadable,\n  useResults,\n} from \"../../hooks\";\nimport { debug } from \"../../utility\";\nimport { ResultPaginationInfiniteScroll } from \"./ResultPaginationInfiniteScroll\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultsProps = {\n  /** Style prop for the list wrapper */\n  listStyle?: React.HTMLAttributes<HTMLElement>[\"style\"];\n  /** Classname prop for the list wrapper */\n  listClassName?: string;\n  /** Render method called when an error occurs */\n  renderError?: React.FC<{ error: ReactivesearchError }>;\n  /** Render method called while loading for the first time */\n  renderLoading?: React.FC;\n  /** Render method called when no results are found */\n  renderNoResults?: React.FC;\n  /** Render method called once for each product result */\n  renderResultCardProduct?: React.FC<\n    ReturnType<typeof useProductPrice> & {\n      pagePosition: number;\n      product: ElasticProduct;\n      document: ElasticProduct;\n      itemRef: (node?: Element | null) => void;\n      handleClick: () => void;\n    }\n  >;\n  /** Render method called once for each callout result */\n  renderResultCardCallout?: React.FC<{\n    pagePosition: number;\n    document: ElasticCallout;\n    callout: ElasticCallout[\"callout\"];\n    itemRef: (node?: Element | null) => void;\n    handleClick: () => void;\n  }>;\n  /** Render method called for pagination type \"pagination\" */\n  renderPaginationNumbered?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"next_prev\" */\n  renderPaginationNextPrev?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"load_more\" */\n  renderPaginationLoadMore?: React.FC<ReturnType<typeof usePaginationLoadable>>;\n  /** Render method called for pagination type \"infinite_scroll\" */\n  renderPaginationInfiniteScroll?: React.FC<\n    ReturnType<typeof usePaginationLoadable>\n  >;\n  /** Advanced Usage: Override the default amount of results per page */\n  pageSize?: number;\n  /** Advanced Usage: Override the default scrollTarget used to determine when infinite load should be triggered (infinite scroll) */\n  infiniteScrollContainer?: React.ComponentProps<\n    typeof ReactiveList\n  >[\"scrollTarget\"];\n  /** Advanced Usage: Provide a specific result position to trigger loading more results (infinite scroll) */\n  infiniteScrollPosition?: number;\n};\n\nexport const Results: React.FC<ResultsProps> = (props) => {\n  const reactiveReactiveListProps = useReactiveReactiveListProps({\n    pageSize: props.pageSize,\n    scrollTarget: props.infiniteScrollContainer,\n  });\n  const { track } = useAnalytics();\n  const { searchTerm } = useSearch();\n\n  return (\n    <ReactiveList\n      {...reactiveReactiveListProps}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultsInner\n          {...props}\n          reactivesearchResultProps={reactivesearchResultProps}\n        />\n      )}\n      onData={(renderProps) => {\n        if (renderProps.resultStats.numberOfResults === 0) {\n          let trimmedSearchTerm = searchTerm.trim();\n\n          if (\n            !trimmedSearchTerm ||\n            (trimmedSearchTerm && trimmedSearchTerm.length < 3)\n          ) {\n            return;\n          }\n\n          track({\n            eventName: \"zeroResults\",\n            payload: {\n              searchTerm: trimmedSearchTerm,\n            },\n          });\n        }\n      }}\n      renderPagination={(\n        reactivesearchPaginationProps: ReactivesearchPaginationProps\n      ) => (\n        <ResultsPaginationStack {...props} {...reactivesearchPaginationProps} />\n      )}\n    />\n  );\n};\n\nconst ResultsRenderErrorComponent: ResultsProps[\"renderError\"] = (props) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultsRenderLoadingComponent: ResultsProps[\"renderLoading\"] = () => {\n  return <div>{\"Loading\"}</div>;\n};\n\nconst ResultsRenderNoResultsComponent: ResultsProps[\"renderNoResults\"] = () => {\n  return <div>{\"No results\"}</div>;\n};\n\nconst ResultsInner: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const context = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const resultsHook = useResults();\n  const initialSearchHasRun = React.useMemo(\n    () =>\n      \"undefined\" !==\n      typeof props.reactivesearchResultProps.resultStats.numberOfResults,\n    [props.reactivesearchResultProps]\n  );\n\n  const listStyle = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n    () =>\n      props.listStyle ?? {\n        display: \"grid\",\n        gap: \"8px\",\n        gridTemplateColumns: \"repeat(4, minmax(0, 1fr))\",\n      },\n    [props.listStyle]\n  );\n\n  const infiniteScrollPosition = React.useMemo<number>(() => {\n    if (!props.infiniteScrollPosition) {\n      return NaN;\n    }\n\n    const scrollPositionOffset =\n      props.reactivesearchResultProps.resultStats.displayedResults -\n      (props.pageSize ?? filtersHook.filterStack?.pageSize ?? 0);\n\n    return scrollPositionOffset + (props.infiniteScrollPosition ?? 0);\n  }, [\n    props.pageSize ?? filtersHook.filterStack?.pageSize,\n    props.reactivesearchResultProps.resultStats.displayedResults,\n    props.infiniteScrollPosition,\n  ]);\n\n  React.useEffect(() => {\n    resultsHook.setResults(props.reactivesearchResultProps.data);\n    resultsHook.setResultStats(props.reactivesearchResultProps.resultStats);\n  }, [props.reactivesearchResultProps.data.map((item) => item._id).join(\"\")]);\n\n  if (props.reactivesearchResultProps.error) {\n    debug.breadcrumb({\n      category: \"result\",\n      message: \"error\",\n      data: {\n        error: props.reactivesearchResultProps.error,\n      },\n    });\n\n    const RenderErrorComponent =\n      props.renderError ?? ResultsRenderErrorComponent;\n\n    return (\n      <RenderErrorComponent error={props.reactivesearchResultProps.error} />\n    );\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent =\n      props.renderLoading ?? ResultsRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (\n    !props.reactivesearchResultProps.loading &&\n    !props.reactivesearchResultProps.resultStats.numberOfResults\n  ) {\n    const RenderNoResultsComponent =\n      props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n    return <RenderNoResultsComponent />;\n  }\n\n  if ([\"search\", \"instant-search\"].includes(context.options.mode)) {\n    if (!context.search.searchTerm) {\n      const RenderNoResultsComponent =\n        props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n      return <RenderNoResultsComponent />;\n    }\n  }\n\n  return (\n    <>\n      <section style={listStyle} className={props.listClassName}>\n        {props.reactivesearchResultProps.data.map((item, key) => {\n          if (ElasticDocumentType.Product === item.type) {\n            return (\n              <ResultCardProduct\n                key={item._id}\n                product={item}\n                document={item}\n                pagePosition={key + 1}\n                render={props.renderResultCardProduct}\n                {...(infiniteScrollPosition === key + 1\n                  ? {\n                      onView: () => props.reactivesearchResultProps.loadMore(),\n                    }\n                  : {})}\n              />\n            );\n          }\n\n          if (ElasticDocumentType.Callout === item.type) {\n            return (\n              <ResultCardCallout\n                key={item._id}\n                document={item}\n                pagePosition={key + 1}\n                callout={item.callout}\n                render={props.renderResultCardCallout}\n                {...(infiniteScrollPosition === key + 1\n                  ? {\n                      onView: () => props.reactivesearchResultProps.loadMore(),\n                    }\n                  : {})}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </section>\n      <ResultsPaginationStackLoadable\n        {...props}\n        {...props.reactivesearchResultProps}\n      />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultsPaginationStack: React.FC<\n  ResultsProps & ReactivesearchPaginationProps\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"pagination\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNumbered\n        {...props}\n        render={props.renderPaginationNumbered}\n      />\n    );\n  }\n\n  if (\"next_prev\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNextPrev\n        {...props}\n        render={props.renderPaginationNextPrev}\n      />\n    );\n  }\n\n  return null;\n};\n\n/** Handles rendering pagination for types that use \"result props\" */\nconst ResultsPaginationStackLoadable: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"load_more\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationLoadMore\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationLoadMore}\n      />\n    );\n  }\n\n  if (\"infinite_scroll\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationInfiniteScroll\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationInfiniteScroll}\n      />\n    );\n  }\n\n  return null;\n};\n"]}
+{"version":3,"file":"Results.js","sourceRoot":"","sources":["../../../../src/components/Result/Results.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@appbaseio/reactivesearch/lib/components/result/ReactiveList\";\n\nimport { ResultCardCallout } from \"./ResultCardCallout\";\nimport { ResultCardProduct } from \"./ResultCardProduct\";\nimport { ResultPaginationNumbered } from \"./ResultPaginationNumbered\";\nimport { ResultPaginationLoadMore } from \"./ResultPaginationLoadMore\";\nimport { ResultPaginationNextPrev } from \"./ResultPaginationNextPrev\";\n\nimport {\n  ElasticCallout,\n  ElasticProduct,\n  ElasticDocumentType,\n  ReactivesearchError,\n  ReactivesearchResultProps,\n  ReactivesearchPaginationProps,\n} from \"../../types\";\nimport {\n  useReactifySearchContext,\n  useAnalytics,\n  useSearch,\n  useFilters,\n  useReactiveReactiveListProps,\n  useProductPrice,\n  usePagination,\n  usePaginationLoadable,\n  useResults,\n} from \"../../hooks\";\nimport { debug } from \"../../utility\";\nimport { ResultPaginationInfiniteScroll } from \"./ResultPaginationInfiniteScroll\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultsProps = {\n  /** Style prop for the list wrapper */\n  listStyle?: React.HTMLAttributes<HTMLElement>[\"style\"];\n  /** Classname prop for the list wrapper */\n  listClassName?: string;\n  /** Render method called when an error occurs */\n  renderError?: React.FC<{ error: ReactivesearchError }>;\n  /** Render method called while loading for the first time */\n  renderLoading?: React.FC;\n  /** Render method called when no results are found */\n  renderNoResults?: React.FC;\n  /** Render method called once for each product result */\n  renderResultCardProduct?: React.FC<\n    ReturnType<typeof useProductPrice> & {\n      pagePosition: number;\n      product: ElasticProduct;\n      document: ElasticProduct;\n      itemRef: (node?: Element | null) => void;\n      handleClick: () => void;\n    }\n  >;\n  /** Render method called once for each callout result */\n  renderResultCardCallout?: React.FC<{\n    pagePosition: number;\n    document: ElasticCallout;\n    callout: ElasticCallout[\"callout\"];\n    itemRef: (node?: Element | null) => void;\n    handleClick: () => void;\n  }>;\n  /** Render method called for pagination type \"pagination\" */\n  renderPaginationNumbered?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"next_prev\" */\n  renderPaginationNextPrev?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"load_more\" */\n  renderPaginationLoadMore?: React.FC<ReturnType<typeof usePaginationLoadable>>;\n  /** Render method called for pagination type \"infinite_scroll\" */\n  renderPaginationInfiniteScroll?: React.FC<\n    ReturnType<typeof usePaginationLoadable>\n  >;\n  /** Advanced Usage: Override the default amount of results per page */\n  pageSize?: number;\n  /** Advanced Usage: Override the default scrollTarget used to determine when infinite load should be triggered (infinite scroll) */\n  infiniteScrollContainer?: React.ComponentProps<\n    typeof ReactiveList\n  >[\"scrollTarget\"];\n  /** Advanced Usage: Provide a specific result position to trigger loading more results (infinite scroll) */\n  infiniteScrollPosition?: number;\n};\n\nexport const Results: React.FC<ResultsProps> = (props) => {\n  const reactiveReactiveListProps = useReactiveReactiveListProps({\n    pageSize: props.pageSize,\n    scrollTarget: props.infiniteScrollContainer,\n  });\n  const { track } = useAnalytics();\n  const { searchTerm } = useSearch();\n\n  return (\n    <ReactiveList\n      {...reactiveReactiveListProps}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultsInner\n          {...props}\n          reactivesearchResultProps={reactivesearchResultProps}\n        />\n      )}\n      onData={(renderProps) => {\n        if (renderProps.resultStats.numberOfResults === 0) {\n          let trimmedSearchTerm = searchTerm.trim();\n\n          if (\n            !trimmedSearchTerm ||\n            (trimmedSearchTerm && trimmedSearchTerm.length < 3)\n          ) {\n            return;\n          }\n\n          track({\n            eventName: \"zeroResults\",\n            payload: {\n              searchTerm: trimmedSearchTerm,\n            },\n          });\n        }\n      }}\n      renderPagination={(\n        reactivesearchPaginationProps: ReactivesearchPaginationProps\n      ) => (\n        <ResultsPaginationStack {...props} {...reactivesearchPaginationProps} />\n      )}\n    />\n  );\n};\n\nconst ResultsRenderErrorComponent: ResultsProps[\"renderError\"] = (props) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultsRenderLoadingComponent: ResultsProps[\"renderLoading\"] = () => {\n  return <div>{\"Loading\"}</div>;\n};\n\nconst ResultsRenderNoResultsComponent: ResultsProps[\"renderNoResults\"] = () => {\n  return <div>{\"No results\"}</div>;\n};\n\nconst ResultsInner: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const context = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const resultsHook = useResults();\n  const initialSearchHasRun = React.useMemo(\n    () =>\n      \"undefined\" !==\n      typeof props.reactivesearchResultProps.resultStats.numberOfResults,\n    [props.reactivesearchResultProps]\n  );\n\n  const listStyle = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n    () =>\n      props.listStyle ?? {\n        display: \"grid\",\n        gap: \"8px\",\n        gridTemplateColumns: \"repeat(4, minmax(0, 1fr))\",\n      },\n    [props.listStyle]\n  );\n\n  const infiniteScrollPosition = React.useMemo<number>(() => {\n    if (!props.infiniteScrollPosition) {\n      return NaN;\n    }\n\n    const scrollPositionOffset =\n      props.reactivesearchResultProps.resultStats.displayedResults -\n      (props.pageSize ?? filtersHook.filterStack?.pageSize ?? 0);\n\n    return scrollPositionOffset + (props.infiniteScrollPosition ?? 0);\n  }, [\n    props.pageSize ?? filtersHook.filterStack?.pageSize,\n    props.reactivesearchResultProps.resultStats.displayedResults,\n    props.infiniteScrollPosition,\n  ]);\n\n  React.useEffect(() => {\n    resultsHook.setResults(props.reactivesearchResultProps.data);\n    resultsHook.setResultStats(props.reactivesearchResultProps.resultStats);\n  }, [props.reactivesearchResultProps.data.map((item) => item._id).join(\"\")]);\n\n  if (props.reactivesearchResultProps.error) {\n    const RenderErrorComponent =\n      props.renderError ?? ResultsRenderErrorComponent;\n\n    return (\n      <RenderErrorComponent error={props.reactivesearchResultProps.error} />\n    );\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent =\n      props.renderLoading ?? ResultsRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (\n    !props.reactivesearchResultProps.loading &&\n    !props.reactivesearchResultProps.resultStats.numberOfResults\n  ) {\n    const RenderNoResultsComponent =\n      props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n    return <RenderNoResultsComponent />;\n  }\n\n  if ([\"search\", \"instant-search\"].includes(context.options.mode)) {\n    if (!context.search.searchTerm) {\n      const RenderNoResultsComponent =\n        props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n      return <RenderNoResultsComponent />;\n    }\n  }\n\n  return (\n    <>\n      <section style={listStyle} className={props.listClassName}>\n        {props.reactivesearchResultProps.data.map((item, key) => {\n          if (ElasticDocumentType.Product === item.type) {\n            return (\n              <ResultCardProduct\n                key={item._id}\n                product={item}\n                document={item}\n                pagePosition={key + 1}\n                render={props.renderResultCardProduct}\n                {...(infiniteScrollPosition === key + 1\n                  ? {\n                      onView: () => props.reactivesearchResultProps.loadMore(),\n                    }\n                  : {})}\n              />\n            );\n          }\n\n          if (ElasticDocumentType.Callout === item.type) {\n            return (\n              <ResultCardCallout\n                key={item._id}\n                document={item}\n                pagePosition={key + 1}\n                callout={item.callout}\n                render={props.renderResultCardCallout}\n                {...(infiniteScrollPosition === key + 1\n                  ? {\n                      onView: () => props.reactivesearchResultProps.loadMore(),\n                    }\n                  : {})}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </section>\n      <ResultsPaginationStackLoadable\n        {...props}\n        {...props.reactivesearchResultProps}\n      />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultsPaginationStack: React.FC<\n  ResultsProps & ReactivesearchPaginationProps\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"pagination\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNumbered\n        {...props}\n        render={props.renderPaginationNumbered}\n      />\n    );\n  }\n\n  if (\"next_prev\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNextPrev\n        {...props}\n        render={props.renderPaginationNextPrev}\n      />\n    );\n  }\n\n  return null;\n};\n\n/** Handles rendering pagination for types that use \"result props\" */\nconst ResultsPaginationStackLoadable: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"load_more\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationLoadMore\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationLoadMore}\n      />\n    );\n  }\n\n  if (\"infinite_scroll\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationInfiniteScroll\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationInfiniteScroll}\n      />\n    );\n  }\n\n  return null;\n};\n"]}

package/dist/src/hooks/useFilterListProps.js

@@ -43,15 +43,6 @@ const useFilterListProps = (filter, reactivesearchFilterProps) => {
     var _a;
     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({

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

@@ -1 +1 @@
-{"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  \"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: 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 customSortOrder = filter.customSortOrder\n    ?.split(\",\")\n    .map((item) => item.trim().toUpperCase());\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((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\";\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  \"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: 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.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    // 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((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"]}

package/dist/src/hooks/useFilterRangeProps.js

@@ -11,15 +11,6 @@ const useFilterRangeProps = (filter) => {
     const { track } = (0, hooks_1.useAnalytics)();
     const [filterValues, setFilterValues] = 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("useFilterRangeMultiProps", "handleChange[key]", key);
         if (filter.displayType === "multi") {
             const selected = filterValues.find((item) => item === key)

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 { ConfigFilterOption } from \"../types/config\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilterRangeProps = (\n  filter: ConfigFilterOption\n): {\n  filter: ConfigFilterOption;\n  options: Array<{\n    key: string;\n    label: string;\n    checked: boolean;\n  }>;\n  values: string[];\n  handleChange: (key: string) => void;\n  handleClear: () => void;\n} => {\n  const { track } = useAnalytics();\n  const [filterValues, setFilterValues] = React.useState<string[]>([]);\n\n  const handleChange = React.useCallback(\n    (key: string) => {\n      debug.breadcrumb({\n        category: \"filter\",\n        message: \"filter option changed\",\n        data: {\n          filter: filter.name,\n          field: filter.field,\n          value: key,\n        },\n      });\n\n      debug.log(\"useFilterRangeMultiProps\", \"handleChange[key]\", key);\n\n      if (filter.displayType === \"multi\") {\n        const selected = filterValues.find((item: string) => item === key)\n          ? filterValues.filter((value) => value !== key)\n          : [...filterValues, key];\n\n        setFilterValues(selected);\n      }\n      if (filter.displayType === \"single\") {\n        setFilterValues([key]);\n      }\n\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: key,\n        },\n      });\n    },\n    [filter, filterValues]\n  );\n\n  const 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:filter:${filter.handle}:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:filter:${filter.handle}:update`,\n        handler as EventListener\n      );\n  }, []);\n\n  const filterRangeProps = React.useMemo(() => {\n    const options =\n      filter.displayRangeOptions?.map((option) => {\n        const [key] = option.split(\":\");\n        return {\n          key: key,\n          label: filter.settingsUppercase ? key.toUpperCase() : key,\n          checked: filterValues.includes(key),\n        };\n      }) ?? [];\n\n    return {\n      handleChange,\n      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":"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","sourcesContent":["import React from \"react\";\n\nimport { ConfigFilterOption } from \"../types/config\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useFilterRangeProps = (\n  filter: ConfigFilterOption\n): {\n  filter: ConfigFilterOption;\n  options: Array<{\n    key: string;\n    label: string;\n    checked: boolean;\n  }>;\n  values: string[];\n  handleChange: (key: string) => void;\n  handleClear: () => void;\n} => {\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:filter:${filter.handle}:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:filter:${filter.handle}:update`,\n        handler as EventListener\n      );\n  }, []);\n\n  const filterRangeProps = React.useMemo(() => {\n    const options =\n      filter.displayRangeOptions?.map((option) => {\n        const [key] = option.split(\":\");\n        return {\n          key: key,\n          label: filter.settingsUppercase ? key.toUpperCase() : key,\n          checked: filterValues.includes(key),\n        };\n      }) ?? [];\n\n    return {\n      handleChange,\n      handleClear,\n      filter,\n      values: filterValues,\n      options,\n    };\n  }, [filter, filterValues, handleChange]);\n\n  return filterRangeProps;\n};\n"]}

package/dist/src/hooks/useFilterSliderProps.js

@@ -17,15 +17,6 @@ const useFilterSliderProps = (filter) => {
         0, 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([parseInt(`${value[0]}`), parseInt(`${value[1]}`)]);
         track({

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 { ConfigFilterOption } from \"../types/config\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\nimport { useReactSliderProps } from \"./react-slider/useReactSliderProps\";\n\nexport const useFilterSliderProps = (\n  filter: ConfigFilterOption\n): {\n  filter: ConfigFilterOption;\n  value: [number, number];\n  range: [number, number];\n  handleChange: (value: [number | string, number | string]) => void;\n  handleRange: (value: [number, number]) => void;\n  reactSliderProps: ReturnType<typeof useReactSliderProps>;\n} => {\n  const { track } = useAnalytics();\n\n  const urlSearchParam = new URLSearchParams(window.location.search);\n  const [filterValue, setFilterValue] = React.useState<[number, number]>(\n    JSON.parse(urlSearchParam.get(filter.handle) ?? \"[0,0]\")\n  );\n  const [filterRange, setFilterRange] = React.useState<[number, number]>([\n    0, 0,\n  ]);\n\n  const handleChange = React.useCallback(\n    (value: [number | string, 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([parseInt(`${value[0]}`), parseInt(`${value[1]}`)]);\n\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: `${value[0]}:${value[1]}`,\n        },\n      });\n    },\n    [filter]\n  );\n\n  const handleRange = React.useCallback(\n    (value: [number | string, number | string]) => {\n      setFilterRange([parseInt(`${value[0]}`), parseInt(`${value[1]}`)]);\n    },\n    [filter]\n  );\n\n  React.useEffect(() => {\n    const handler = (\n      event: CustomEvent<{ handle: string; value: [number, number] }>\n    ) => {\n      setFilterValue(event.detail.value);\n    };\n    window.addEventListener(\n      `@usereactify/search:filter:${filter.handle}:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:filter:${filter.handle}:update`,\n        handler as EventListener\n      );\n  }, []);\n\n  const reactSliderProps = useReactSliderProps(\n    filter,\n    filterValue,\n    filterRange,\n    handleChange\n  );\n\n  const filterSliderProps = React.useMemo(() => {\n    return {\n      handleChange,\n      handleRange,\n      filter,\n      value: filterValue,\n      range: filterRange,\n      reactSliderProps,\n    };\n  }, [\n    handleChange,\n    handleRange,\n    filter,\n    filterValue,\n    filterRange,\n    reactSliderProps,\n  ]);\n\n  return filterSliderProps;\n};\n"]}
+{"version":3,"file":"useFilterSliderProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterSliderProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oCAAwC;AACxC,wCAAmC;AACnC,4EAAyE;AAElE,MAAM,oBAAoB,GAAG,CAClC,MAA0B,EAQ1B,EAAE;;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEjC,MAAM,cAAc,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAClD,IAAI,CAAC,KAAK,CAAC,MAAA,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,mCAAI,OAAO,CAAC,CACzD,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAmB;QACrE,CAAC,EAAE,CAAC;KACL,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CACpC,CAAC,KAAyC,EAAE,EAAE;QAC5C,eAAK,CAAC,GAAG,CAAC,sBAAsB,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAEhE,cAAc,CAAC,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAEnE,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;aACjC;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CACnC,CAAC,KAAyC,EAAE,EAAE;QAC5C,cAAc,CAAC,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACrE,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,CACd,KAA+D,EAC/D,EAAE;YACF,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CACrB,8BAA8B,MAAM,CAAC,MAAM,SAAS,EACpD,OAAwB,CACzB,CAAC;QAEF,OAAO,GAAG,EAAE,CACV,MAAM,CAAC,mBAAmB,CACxB,8BAA8B,MAAM,CAAC,MAAM,SAAS,EACpD,OAAwB,CACzB,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,IAAA,yCAAmB,EAC1C,MAAM,EACN,WAAW,EACX,WAAW,EACX,YAAY,CACb,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC3C,OAAO;YACL,YAAY;YACZ,WAAW;YACX,MAAM;YACN,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;YAClB,gBAAgB;SACjB,CAAC;IACJ,CAAC,EAAE;QACD,YAAY;QACZ,WAAW;QACX,MAAM;QACN,WAAW;QACX,WAAW;QACX,gBAAgB;KACjB,CAAC,CAAC;IAEH,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAxFW,QAAA,oBAAoB,wBAwF/B","sourcesContent":["import React from \"react\";\nimport { ConfigFilterOption } from \"../types/config\";\nimport { useAnalytics } from \"../hooks\";\nimport { debug } from \"../utility\";\nimport { useReactSliderProps } from \"./react-slider/useReactSliderProps\";\n\nexport const useFilterSliderProps = (\n  filter: ConfigFilterOption\n): {\n  filter: ConfigFilterOption;\n  value: [number, number];\n  range: [number, number];\n  handleChange: (value: [number | string, number | string]) => void;\n  handleRange: (value: [number, number]) => void;\n  reactSliderProps: ReturnType<typeof useReactSliderProps>;\n} => {\n  const { track } = useAnalytics();\n\n  const urlSearchParam = new URLSearchParams(window.location.search);\n  const [filterValue, setFilterValue] = React.useState<[number, number]>(\n    JSON.parse(urlSearchParam.get(filter.handle) ?? \"[0,0]\")\n  );\n  const [filterRange, setFilterRange] = React.useState<[number, number]>([\n    0, 0,\n  ]);\n\n  const handleChange = React.useCallback(\n    (value: [number | string, number | string]) => {\n      debug.log(\"useFilterSliderProps\", \"handleChange[value]\", value);\n\n      setFilterValue([parseInt(`${value[0]}`), parseInt(`${value[1]}`)]);\n\n      track({\n        eventName: \"filterChange\",\n        payload: {\n          name: filter.name,\n          value: `${value[0]}:${value[1]}`,\n        },\n      });\n    },\n    [filter]\n  );\n\n  const handleRange = React.useCallback(\n    (value: [number | string, number | string]) => {\n      setFilterRange([parseInt(`${value[0]}`), parseInt(`${value[1]}`)]);\n    },\n    [filter]\n  );\n\n  React.useEffect(() => {\n    const handler = (\n      event: CustomEvent<{ handle: string; value: [number, number] }>\n    ) => {\n      setFilterValue(event.detail.value);\n    };\n    window.addEventListener(\n      `@usereactify/search:filter:${filter.handle}:update`,\n      handler as EventListener\n    );\n\n    return () =>\n      window.removeEventListener(\n        `@usereactify/search:filter:${filter.handle}:update`,\n        handler as EventListener\n      );\n  }, []);\n\n  const reactSliderProps = useReactSliderProps(\n    filter,\n    filterValue,\n    filterRange,\n    handleChange\n  );\n\n  const filterSliderProps = React.useMemo(() => {\n    return {\n      handleChange,\n      handleRange,\n      filter,\n      value: filterValue,\n      range: filterRange,\n      reactSliderProps,\n    };\n  }, [\n    handleChange,\n    handleRange,\n    filter,\n    filterValue,\n    filterRange,\n    reactSliderProps,\n  ]);\n\n  return filterSliderProps;\n};\n"]}

package/dist/src/hooks/usePagination.js

@@ -25,13 +25,6 @@ const usePagination = (input) => {
     }, [input.totalPages]);
     const handlePageChange = react_1.default.useCallback((pageNumber, event) => {
         utility_1.debug.log("usePagination", "handlePageChange[pageNumber]", pageNumber);
-        utility_1.debug.breadcrumb({
-            category: "pagination",
-            message: "change page number",
-            data: {
-                pageNumber: pageNumber,
-            },
-        });
         event === null || event === void 0 ? void 0 : event.preventDefault();
         if (!hasPage(pageNumber)) {
             return;

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  /** 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"]}
+{"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      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/useSearch.js

@@ -10,13 +10,6 @@ const utility_1 = require("../utility");
 const useSearch = () => {
     const { options, config, search } = (0, hooks_1.useReactifySearchContext)();
     const handleSubmitSearchTerm = react_1.default.useCallback((searchTerm = search.searchTerm) => {
-        utility_1.debug.breadcrumb({
-            category: "search",
-            message: "search submit",
-            data: {
-                searchTerm: searchTerm,
-            },
-        });
         utility_1.debug.log("useSearch", "submitSearchTerm[query]", searchTerm);
         if (!searchTerm) {
             return;
@@ -41,13 +34,6 @@ const useSearch = () => {
     }, [search.searchTerm]);
     const handleSetSearchTerm = react_1.default.useCallback((searchTerm = "") => {
         utility_1.debug.log("useSearch", "setSearchTerm[searchTerm]", searchTerm);
-        utility_1.debug.breadcrumb({
-            category: "search",
-            message: "search query",
-            data: {
-                searchTerm: searchTerm,
-            },
-        });
         search.setSearchTerm(searchTerm);
     }, [search.searchTerm]);
     return {

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

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

package/dist/src/hooks/useSortBy.js

@@ -13,8 +13,12 @@ const useSortBy = () => {
     const sortOptions = react_1.default.useMemo(() => {
         return config.sort
             .sort((a, b) => {
-            const aInt = (typeof a.position === "string") ? parseInt(a.position, 10) : a.position;
-            const bInt = (typeof b.position === "string") ? parseInt(b.position, 10) : b.position;
+            const aInt = typeof a.position === "string"
+                ? parseInt(a.position, 10)
+                : a.position;
+            const bInt = typeof b.position === "string"
+                ? parseInt(b.position, 10)
+                : b.position;
             return aInt - bInt;
         })
             .filter(({ visibility }) => ["all", options.mode].includes(visibility));
@@ -24,13 +28,6 @@ const useSortBy = () => {
             sortOptions[0]);
     }, [sortOptions, sortby.sortOption]);
     const setSortOption = react_1.default.useCallback((sortOptionHandle, ignoreHistoryState = false) => {
-        utility_1.debug.breadcrumb({
-            category: "sort",
-            message: "sort option changed",
-            data: {
-                sortOptionHandle: sortOptionHandle,
-            },
-        });
         utility_1.debug.log("useSortBy", "setSortOption[sortOptionHandle]", sortOptionHandle);
         sortby.setSortOption(sortOptionHandle);
         if (!ignoreHistoryState) {

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

@@ -1 +1 @@
-{"version":3,"file":"useSortBy.js","sourceRoot":"","sources":["../../../src/hooks/useSortBy.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ConfigSort } from \"../types\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSortBy = (): {\n  /** The currently selected sort option */\n  sortOption?: ConfigSort;\n  /** All of the available sort options */\n  sortOptions: Array<ConfigSort>;\n  /** Function for changing the current sort option */\n  setSortOption: (\n    sortOptionHandle: string,\n    ignoreHistoryState?: boolean\n  ) => void;\n} => {\n  const { options, config, sortby } = useReactifySearchContext();\n  const { track } = useAnalytics();\n\n  const sortOptions = React.useMemo(() => {\n    return config.sort\n      .sort((a, b) => {\n        const aInt = (typeof a.position === \"string\") ? parseInt(a.position, 10) : a.position;\n        const bInt = (typeof b.position === \"string\") ? parseInt(b.position, 10) : b.position;\n        return aInt - bInt;\n      })\n      .filter(({ visibility }) => [\"all\", options.mode].includes(visibility));\n  }, [options.mode, config]);\n\n  const sortOption = React.useMemo(() => {\n    return (\n      sortOptions.find(({ handle }) => handle === sortby.sortOption) ||\n      sortOptions[0]\n    );\n  }, [sortOptions, sortby.sortOption]);\n\n  const setSortOption = React.useCallback(\n    (sortOptionHandle: string, ignoreHistoryState = false) => {\n      debug.breadcrumb({\n        category: \"sort\",\n        message: \"sort option changed\",\n        data: {\n          sortOptionHandle: sortOptionHandle,\n        },\n      });\n\n      debug.log(\n        \"useSortBy\",\n        \"setSortOption[sortOptionHandle]\",\n        sortOptionHandle\n      );\n\n      sortby.setSortOption(sortOptionHandle);\n\n      if (!ignoreHistoryState) {\n        const url = new URL(window.location.href);\n        if (url.searchParams.has(\"sort\")) {\n          url.searchParams.set(\"sort\", sortOptionHandle);\n        } else {\n          url.searchParams.append(\"sort\", sortOptionHandle);\n        }\n        window.history.pushState({}, \"\", url.toString());\n      }\n\n      track({\n        eventName: \"sortChange\",\n        payload: {\n          type: sortOptionHandle,\n        },\n      });\n    },\n    [window.location.href]\n  );\n\n  debug.hook(\"useSortBy\", \"sortOption\", sortOption);\n  debug.hook(\"useSortBy\", \"sortOptions\", sortOptions);\n\n  return {\n    sortOptions,\n    sortOption,\n    setSortOption,\n  };\n};\n"]}
+{"version":3,"file":"useSortBy.js","sourceRoot":"","sources":["../../../src/hooks/useSortBy.ts"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ConfigSort } from \"../types\";\nimport { useAnalytics, useReactifySearchContext } from \"../hooks\";\nimport { debug } from \"../utility\";\n\nexport const useSortBy = (): {\n  /** The currently selected sort option */\n  sortOption?: ConfigSort;\n  /** All of the available sort options */\n  sortOptions: Array<ConfigSort>;\n  /** Function for changing the current sort option */\n  setSortOption: (\n    sortOptionHandle: string,\n    ignoreHistoryState?: boolean\n  ) => void;\n} => {\n  const { options, config, sortby } = useReactifySearchContext();\n  const { track } = useAnalytics();\n\n  const sortOptions = React.useMemo(() => {\n    return config.sort\n      .sort((a, b) => {\n        const aInt =\n          typeof a.position === \"string\"\n            ? parseInt(a.position, 10)\n            : a.position;\n        const bInt =\n          typeof b.position === \"string\"\n            ? parseInt(b.position, 10)\n            : b.position;\n        return aInt - bInt;\n      })\n      .filter(({ visibility }) => [\"all\", options.mode].includes(visibility));\n  }, [options.mode, config]);\n\n  const sortOption = React.useMemo(() => {\n    return (\n      sortOptions.find(({ handle }) => handle === sortby.sortOption) ||\n      sortOptions[0]\n    );\n  }, [sortOptions, sortby.sortOption]);\n\n  const setSortOption = React.useCallback(\n    (sortOptionHandle: string, ignoreHistoryState = false) => {\n      debug.log(\n        \"useSortBy\",\n        \"setSortOption[sortOptionHandle]\",\n        sortOptionHandle\n      );\n\n      sortby.setSortOption(sortOptionHandle);\n\n      if (!ignoreHistoryState) {\n        const url = new URL(window.location.href);\n        if (url.searchParams.has(\"sort\")) {\n          url.searchParams.set(\"sort\", sortOptionHandle);\n        } else {\n          url.searchParams.append(\"sort\", sortOptionHandle);\n        }\n        window.history.pushState({}, \"\", url.toString());\n      }\n\n      track({\n        eventName: \"sortChange\",\n        payload: {\n          type: sortOptionHandle,\n        },\n      });\n    },\n    [window.location.href]\n  );\n\n  debug.hook(\"useSortBy\", \"sortOption\", sortOption);\n  debug.hook(\"useSortBy\", \"sortOptions\", sortOptions);\n\n  return {\n    sortOptions,\n    sortOption,\n    setSortOption,\n  };\n};\n"]}

package/dist/src/index.js

@@ -6,18 +6,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -25,36 +13,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const Sentry = __importStar(require("@sentry/react"));
-const tracing_1 = require("@sentry/tracing");
 const utility_1 = require("./utility");
 const package_json_1 = __importDefault(require("../package.json"));
 utility_1.debug.log("package", `${package_json_1.default.name} v${package_json_1.default.version}`);
-Sentry.init({
-    dsn: "https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743",
-    integrations: [new tracing_1.BrowserTracing()],
-    tracesSampleRate: 1.0,
-    release: package_json_1.default.version,
-    beforeSend: (event) => {
-        var _a, _b, _c, _d;
-        utility_1.debug.log("sentry", event.level, event);
-        // rename stacktrace frames to point to sourcemaps
-        const exception = (_b = (_a = event.exception) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b[0];
-        for (const frame of (_d = (_c = exception === null || exception === void 0 ? void 0 : exception.stacktrace) === null || _c === void 0 ? void 0 : _c.frames) !== null && _d !== void 0 ? _d : []) {
-            if (frame.filename) {
-                frame.filename = frame.filename.replace(/^(.*?)@usereactify\/search\/dist/, "~");
-            }
-        }
-        return event;
-    },
-    beforeBreadcrumb: (breadcrumb) => {
-        var _a;
-        if ((_a = breadcrumb.category) === null || _a === void 0 ? void 0 : _a.includes("reactify-search")) {
-            utility_1.debug.log("sentry", "breadcrumb", breadcrumb);
-        }
-        return breadcrumb;
-    },
-});
 __exportStar(require("./components"), exports);
 __exportStar(require("./hooks"), exports);
 __exportStar(require("./types"), exports);

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAAwC;AACxC,6CAAiD;AAEjD,uCAAkC;AAClC,mEAAkC;AAElC,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,sBAAG,CAAC,IAAI,KAAK,sBAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAEpD,MAAM,CAAC,IAAI,CAAC;IACV,GAAG,EAAE,4EAA4E;IACjF,YAAY,EAAE,CAAC,IAAI,wBAAc,EAAE,CAAC;IACpC,gBAAgB,EAAE,GAAG;IACrB,OAAO,EAAE,sBAAG,CAAC,OAAO;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;;QACpB,eAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,kDAAkD;QAClD,MAAM,SAAS,GAAG,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,MAAM,0CAAG,CAAC,CAAC,CAAC;QAC/C,KAAK,MAAM,KAAK,IAAI,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,0CAAE,MAAM,mCAAI,EAAE,EAAE;YACvD,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CACrC,kCAAkC,EAClC,GAAG,CACJ,CAAC;aACH;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IACD,gBAAgB,EAAE,CAAC,UAAU,EAAE,EAAE;;QAC/B,IAAI,MAAA,UAAU,CAAC,QAAQ,0CAAE,QAAQ,CAAC,iBAAiB,CAAC,EAAE;YACpD,eAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;SAC/C;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;CACF,CAAC,CAAC;AAEH,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC","sourcesContent":["import * as Sentry from \"@sentry/react\";\nimport { BrowserTracing } from \"@sentry/tracing\";\n\nimport { debug } from \"./utility\";\nimport pkg from \"../package.json\";\n\ndebug.log(\"package\", `${pkg.name} v${pkg.version}`);\n\nSentry.init({\n  dsn: \"https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743\",\n  integrations: [new BrowserTracing()],\n  tracesSampleRate: 1.0,\n  release: pkg.version,\n  beforeSend: (event) => {\n    debug.log(\"sentry\", event.level, event);\n    // rename stacktrace frames to point to sourcemaps\n    const exception = event.exception?.values?.[0];\n    for (const frame of exception?.stacktrace?.frames ?? []) {\n      if (frame.filename) {\n        frame.filename = frame.filename.replace(\n          /^(.*?)@usereactify\\/search\\/dist/,\n          \"~\"\n        );\n      }\n    }\n\n    return event;\n  },\n  beforeBreadcrumb: (breadcrumb) => {\n    if (breadcrumb.category?.includes(\"reactify-search\")) {\n      debug.log(\"sentry\", \"breadcrumb\", breadcrumb);\n    }\n\n    return breadcrumb;\n  },\n});\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./types\";\nexport * from \"./utility/liquid\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,uCAAkC;AAClC,mEAAkC;AAElC,eAAK,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,sBAAG,CAAC,IAAI,KAAK,sBAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAEpD,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC","sourcesContent":["import { debug } from \"./utility\";\nimport pkg from \"../package.json\";\n\ndebug.log(\"package\", `${pkg.name} v${pkg.version}`);\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./types\";\nexport * from \"./utility/liquid\";\n"]}

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

@@ -1,12 +1,7 @@
 import Debug from "debug";
-import * as Sentry from "@sentry/react";
 export declare const debuggers: Record<string, Debug.Debugger>;
 export declare const debug: {
     namespace: string;
     log: (namespace: string, formatter?: string | undefined, ...args: Array<any>) => void;
-    breadcrumb: (breadcrumb: Partial<Sentry.Breadcrumb> & {
-        message: string;
-        category: "result" | "search" | "sort" | "pagination" | "filter" | "curation";
-    }) => void;
     hook: (namespace: string, message: string, value: unknown) => void;
 };

package/dist/src/utility/debug.js

@@ -1,30 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.debug = exports.debuggers = void 0;
 const debug_1 = __importDefault(require("debug"));
-const Sentry = __importStar(require("@sentry/react"));
 const hooks_1 = require("../hooks");
 exports.debuggers = {};
 exports.debug = {
@@ -35,9 +15,6 @@ exports.debug = {
         }
         exports.debuggers[namespace](formatter, ...args);
     },
-    breadcrumb: (breadcrumb) => {
-        Sentry.addBreadcrumb(Object.assign(Object.assign({ level: "debug", type: "query" }, breadcrumb), { category: `${exports.debug.namespace}:${breadcrumb.category}` }));
-    },
     hook: hooks_1.useDebugger,
 };
 //# sourceMappingURL=debug.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../../src/utility/debug.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sDAAwC;AAExC,oCAAuC;AAE1B,QAAA,SAAS,GAAmC,EAAE,CAAC;AAE/C,QAAA,KAAK,GAAG;IACnB,SAAS,EAAE,iBAAiB;IAC5B,GAAG,EAAE,CAAC,SAAiB,EAAE,SAAkB,EAAE,GAAG,IAAgB,EAAE,EAAE;QAClE,IAAI,CAAC,iBAAS,CAAC,SAAS,CAAC,EAAE;YACzB,iBAAS,CAAC,SAAS,CAAC,GAAG,IAAA,eAAK,EAAC,GAAG,aAAK,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC;SACjE;QAED,iBAAS,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,UAAU,EAAE,CACV,UASC,EACD,EAAE;QACF,MAAM,CAAC,aAAa,+BAClB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,IACV,UAAU,KACb,QAAQ,EAAE,GAAG,aAAK,CAAC,SAAS,IAAI,UAAU,CAAC,QAAQ,EAAE,IACrD,CAAC;IACL,CAAC;IACD,IAAI,EAAE,mBAAW;CAClB,CAAC","sourcesContent":["import Debug from \"debug\";\nimport * as Sentry from \"@sentry/react\";\n\nimport { useDebugger } from \"../hooks\";\n\nexport const debuggers: Record<string, Debug.Debugger> = {};\n\nexport const debug = {\n  namespace: \"reactify-search\",\n  log: (namespace: string, formatter?: string, ...args: Array<any>) => {\n    if (!debuggers[namespace]) {\n      debuggers[namespace] = Debug(`${debug.namespace}:${namespace}`);\n    }\n\n    debuggers[namespace](formatter, ...args);\n  },\n  breadcrumb: (\n    breadcrumb: Partial<Sentry.Breadcrumb> & {\n      message: string;\n      category:\n        | \"result\"\n        | \"search\"\n        | \"sort\"\n        | \"pagination\"\n        | \"filter\"\n        | \"curation\";\n    }\n  ) => {\n    Sentry.addBreadcrumb({\n      level: \"debug\",\n      type: \"query\",\n      ...breadcrumb,\n      category: `${debug.namespace}:${breadcrumb.category}`,\n    });\n  },\n  hook: useDebugger,\n};\n"]}
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../../src/utility/debug.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oCAAuC;AAE1B,QAAA,SAAS,GAAmC,EAAE,CAAC;AAE/C,QAAA,KAAK,GAAG;IACnB,SAAS,EAAE,iBAAiB;IAC5B,GAAG,EAAE,CAAC,SAAiB,EAAE,SAAkB,EAAE,GAAG,IAAgB,EAAE,EAAE;QAClE,IAAI,CAAC,iBAAS,CAAC,SAAS,CAAC,EAAE;YACzB,iBAAS,CAAC,SAAS,CAAC,GAAG,IAAA,eAAK,EAAC,GAAG,aAAK,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC;SACjE;QAED,iBAAS,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,IAAI,EAAE,mBAAW;CAClB,CAAC","sourcesContent":["import Debug from \"debug\";\n\nimport { useDebugger } from \"../hooks\";\n\nexport const debuggers: Record<string, Debug.Debugger> = {};\n\nexport const debug = {\n  namespace: \"reactify-search\",\n  log: (namespace: string, formatter?: string, ...args: Array<any>) => {\n    if (!debuggers[namespace]) {\n      debuggers[namespace] = Debug(`${debug.namespace}:${namespace}`);\n    }\n\n    debuggers[namespace](formatter, ...args);\n  },\n  hook: useDebugger,\n};\n"]}

package/package.json

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