@performant-software/core-data 2.1.0-beta.23 → 2.1.0-beta.24

package/dist/index.es57.js

@@ -1,6 +1,6 @@
 import r from "./index.es175.js";
 import o from "./index.es269.js";
-import n from "./index.es358.js";
+import n from "./index.es339.js";
 const f = r(function(t) {
   return o(n(t, !0, !0));
 });

package/dist/index.es58.js

@@ -1,5 +1,5 @@
 import n from "./index.es175.js";
-import e from "./index.es358.js";
+import e from "./index.es339.js";
 import f from "./index.es245.js";
 import i from "./index.es249.js";
 const a = n(function(t, r) {

package/dist/index.es60.js

@@ -1,7 +1,7 @@
 import i from "./index.es38.js";
 import p from "./index.es241.js";
 import { ArrayProto as e } from "./index.es34.js";
-import s from "./index.es365.js";
+import s from "./index.es346.js";
 p(["pop", "push", "reverse", "shift", "sort", "splice", "unshift"], function(r) {
   var o = e[r];
   i.prototype[r] = function() {

package/dist/index.es62.js

@@ -1,4 +1,4 @@
-import a from "./index.es281.js";
+import a from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es63.js

@@ -1,4 +1,4 @@
-import c from "./index.es281.js";
+import c from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es64.js

@@ -1,4 +1,4 @@
-import e from "./index.es281.js";
+import e from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es69.js

@@ -1,4 +1,4 @@
-import e from "./index.es281.js";
+import e from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es70.js

@@ -1,4 +1,4 @@
-import e from "./index.es281.js";
+import e from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es76.js

@@ -1,8 +1,8 @@
 import m from "react";
-import { Highlight as f } from "./index.es372.js";
-import { unescape as s } from "./index.es373.js";
-import { getPropertyByPath as b } from "./index.es374.js";
-import { getHighlightedParts as v } from "./index.es375.js";
+import { Highlight as f } from "./index.es366.js";
+import { unescape as s } from "./index.es367.js";
+import { getPropertyByPath as b } from "./index.es368.js";
+import { getHighlightedParts as v } from "./index.es369.js";
 var c = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
 function g() {
   return g = Object.assign ? Object.assign.bind() : function(t) {

package/dist/index.es77.js

@@ -1,14 +1,14 @@
 import f from "./index.es93.js";
 import o from "react";
 import { createContextScope as j } from "./index.es96.js";
-import { createCollection as q } from "./index.es129.js";
+import { createCollection as q } from "./index.es126.js";
 import { useComposedRefs as B } from "./index.es95.js";
 import { composeEventHandlers as F } from "./index.es94.js";
 import { useControllableState as O } from "./index.es97.js";
 import { Primitive as T } from "./index.es98.js";
 import { createCollapsibleScope as M, Root as J, Trigger as Q, Content as W } from "./index.es110.js";
 import { useId as X } from "./index.es100.js";
-import { useDirection as Z } from "./index.es130.js";
+import { useDirection as Z } from "./index.es127.js";
 const $ = "Accordion", ee = [
   "Home",
   "End",

package/dist/index.es78.js

@@ -1,5 +1,5 @@
-import e from "./index.es126.js";
-import n from "./index.es127.js";
+import e from "./index.es128.js";
+import n from "./index.es129.js";
 const t = {
   en: {
     translation: n

package/dist/index.es80.js

@@ -1,4 +1,4 @@
-import e from "./index.es281.js";
+import e from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es81.js

@@ -1,4 +1,4 @@
-import o from "./index.es281.js";
+import o from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es83.js

@@ -1,4 +1,4 @@
-import a from "./index.es281.js";
+import a from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es84.js

@@ -1,4 +1,4 @@
-import e from "./index.es281.js";
+import e from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es85.js

@@ -1,4 +1,4 @@
-import c from "./index.es281.js";
+import c from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es86.js

@@ -1,4 +1,4 @@
-import e from "./index.es281.js";
+import e from "./index.es314.js";
 /**
  * @license lucide-react v0.321.0 - ISC
  *

package/dist/index.es88.js

@@ -1,15 +1,15 @@
 import { getDefaultExportFromCjs as R } from "./index.es135.js";
-import { __exports as y } from "./index.es158.js";
-import { i as k } from "./index.es159.js";
-import { __require as S } from "./index.es160.js";
-import { __require as P } from "./index.es161.js";
-import { __require as V } from "./index.es162.js";
-import { __require as b } from "./index.es163.js";
-import { __require as D } from "./index.es164.js";
-import { __require as E } from "./index.es165.js";
-import { __require as I } from "./index.es166.js";
-import { __require as $ } from "./index.es167.js";
-import { __require as j } from "./index.es168.js";
+import { __exports as y } from "./index.es162.js";
+import { i as k } from "./index.es163.js";
+import { __require as S } from "./index.es164.js";
+import { __require as P } from "./index.es165.js";
+import { __require as V } from "./index.es166.js";
+import { __require as b } from "./index.es167.js";
+import { __require as D } from "./index.es168.js";
+import { __require as E } from "./index.es169.js";
+import { __require as I } from "./index.es170.js";
+import { __require as $ } from "./index.es171.js";
+import { __require as j } from "./index.es172.js";
 (function(l) {
   var d = k;
   Object.defineProperty(l, "__esModule", {

package/dist/index.es97.js

@@ -1,5 +1,5 @@
 import { useCallback as i, useState as $, useRef as C, useEffect as b } from "react";
-import { useCallbackRef as f } from "./index.es128.js";
+import { useCallbackRef as f } from "./index.es130.js";
 function g({ prop: e, defaultProp: s, onChange: c = () => {
 } }) {
   const [t, n] = h({

package/dist/index.es99.js

@@ -1,10 +1,10 @@
 import p from "./index.es93.js";
 import { useState as K, useRef as x, useEffect as N, createElement as s, useCallback as w, forwardRef as b, Fragment as Se } from "react";
 import { composeEventHandlers as v } from "./index.es94.js";
-import { createCollection as Re } from "./index.es129.js";
+import { createCollection as Re } from "./index.es126.js";
 import { useComposedRefs as V } from "./index.es95.js";
 import { createContextScope as we } from "./index.es96.js";
-import { useDirection as De } from "./index.es130.js";
+import { useDirection as De } from "./index.es127.js";
 import { DismissableLayer as Oe } from "./index.es101.js";
 import { useFocusGuards as Te } from "./index.es105.js";
 import { FocusScope as ke } from "./index.es102.js";
@@ -14,7 +14,7 @@ import { Presence as Z } from "./index.es104.js";
 import { Primitive as T, dispatchDiscreteCustomEvent as Ke } from "./index.es98.js";
 import { createRovingFocusGroupScope as ie, Root as Ge, Item as Ne } from "./index.es132.js";
 import { Slot as Ve } from "./index.es108.js";
-import { useCallbackRef as de } from "./index.es128.js";
+import { useCallbackRef as de } from "./index.es130.js";
 import { hideOthers as Ue } from "./index.es107.js";
 import Xe from "./index.es106.js";
 const Ye = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/core-data",
-  "version": "2.1.0-beta.23",
+  "version": "2.1.0-beta.24",
   "description": "A package of components used with the Core Data platform.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -35,7 +35,7 @@
     "underscore": "^1.13.2"
   },
   "peerDependencies": {
-    "@performant-software/geospatial": "^2.1.0-beta.23",
+    "@performant-software/geospatial": "^2.1.0-beta.24",
     "@peripleo/maplibre": "^0.4.2",
     "@peripleo/peripleo": "^0.4.2",
     "react": ">= 16.13.1 < 19.0.0",

package/src/hooks/Typesense.js

@@ -1,6 +1,12 @@
 // @flow
 
-import { useContext, useEffect } from 'react';
+import { useMap } from '@peripleo/maplibre';
+import {
+  useCallback,
+  useContext,
+  useEffect,
+  useState
+} from 'react';
 import PersistentSearchStateContext from '../context/PersistentSearchState';
 
 export const useCachedHits = () => {
@@ -29,3 +35,54 @@ export const useSearchCompleted = (callback: ((hits: TypesenseSearchResult[]) =>
     };
   }, deps);
 };
+
+export const useGeoSearchToggle = () => {
+  const { clearMapRefinement, isRefinedWithMap, refine } = useGeoSearch();
+
+  const [filterByMapBounds, setFilterByMapBounds] = useState(isRefinedWithMap());
+
+  const map = useMap();
+
+  const onChangeViewport = useCallback(() => {
+    const bounds = map.getBounds();
+
+    const northEast = bounds.getNorthEast();
+    const southWest = bounds.getSouthWest();
+
+    // Note TypeSense seems to be buggy. If the bounds are too large,
+    // it will return 0 results. (Note that lng values >180, <(-180) DO NOT
+    // seem to be the problem!)
+    const extent = northEast.lng - southWest.lng;
+    if (extent > 200) {
+      clearMapRefinement();
+    } else {
+      refine({ northEast, southWest });
+    }
+  }, [map]);
+
+  useEffect(() => {
+    if (!map) {
+      return null;
+    }
+
+    if (filterByMapBounds) {
+      onChangeViewport(); // Initial filter
+
+      map.on('dragend', onChangeViewport);
+      map.on('zoomend', onChangeViewport);
+
+      return () => {
+        map.off('dragend', onChangeViewport);
+        map.off('zoomend', onChangeViewport);
+      };
+    }
+
+    clearMapRefinement();
+    return null;
+  }, [map, onChangeViewport, filterByMapBounds]);
+
+  return {
+    filterByMapBounds,
+    setFilterByMapBounds
+  };
+};

package/types/hooks/Typesense.js.flow

@@ -1,6 +1,12 @@
 // @flow
 
-import { useContext, useEffect } from 'react';
+import { useMap } from '@peripleo/maplibre';
+import {
+  useCallback,
+  useContext,
+  useEffect,
+  useState
+} from 'react';
 import PersistentSearchStateContext from '../context/PersistentSearchState';
 
 export const useCachedHits = () => {
@@ -29,3 +35,54 @@ export const useSearchCompleted = (callback: ((hits: TypesenseSearchResult[]) =>
     };
   }, deps);
 };
+
+export const useGeoSearchToggle = () => {
+  const { clearMapRefinement, isRefinedWithMap, refine } = useGeoSearch();
+
+  const [filterByMapBounds, setFilterByMapBounds] = useState(isRefinedWithMap());
+
+  const map = useMap();
+
+  const onChangeViewport = useCallback(() => {
+    const bounds = map.getBounds();
+
+    const northEast = bounds.getNorthEast();
+    const southWest = bounds.getSouthWest();
+
+    // Note TypeSense seems to be buggy. If the bounds are too large,
+    // it will return 0 results. (Note that lng values >180, <(-180) DO NOT
+    // seem to be the problem!)
+    const extent = northEast.lng - southWest.lng;
+    if (extent > 200) {
+      clearMapRefinement();
+    } else {
+      refine({ northEast, southWest });
+    }
+  }, [map]);
+
+  useEffect(() => {
+    if (!map) {
+      return null;
+    }
+
+    if (filterByMapBounds) {
+      onChangeViewport(); // Initial filter
+
+      map.on('dragend', onChangeViewport);
+      map.on('zoomend', onChangeViewport);
+
+      return () => {
+        map.off('dragend', onChangeViewport);
+        map.off('zoomend', onChangeViewport);
+      };
+    }
+
+    clearMapRefinement();
+    return null;
+  }, [map, onChangeViewport, filterByMapBounds]);
+
+  return {
+    filterByMapBounds,
+    setFilterByMapBounds
+  };
+};