@performant-software/core-data 2.1.3-beta.0 → 2.1.3-beta.10

package/dist/index.es64.js

@@ -1,6 +1,6 @@
-import r from "./index.es180.js";
-import o from "./index.es274.js";
-import n from "./index.es362.js";
+import r from "./index.es169.js";
+import o from "./index.es263.js";
+import n from "./index.es344.js";
 const f = r(function(t) {
   return o(n(t, !0, !0));
 });

package/dist/index.es65.js

@@ -1,7 +1,7 @@
-import n from "./index.es180.js";
-import e from "./index.es362.js";
-import f from "./index.es250.js";
-import i from "./index.es254.js";
+import n from "./index.es169.js";
+import e from "./index.es344.js";
+import f from "./index.es239.js";
+import i from "./index.es243.js";
 const a = n(function(t, r) {
   return r = e(r, !0, !0), f(t, function(o) {
     return !i(r, o);

package/dist/index.es66.js

@@ -1,5 +1,5 @@
-import r from "./index.es180.js";
-import t from "./index.es276.js";
+import r from "./index.es169.js";
+import t from "./index.es265.js";
 const p = r(t);
 export {
   p as default

package/dist/index.es67.js

@@ -1,7 +1,7 @@
 import i from "./index.es45.js";
-import p from "./index.es246.js";
+import p from "./index.es235.js";
 import { ArrayProto as e } from "./index.es41.js";
-import s from "./index.es369.js";
+import s from "./index.es351.js";
 p(["pop", "push", "reverse", "shift", "sort", "splice", "unshift"], function(r) {
   var o = e[r];
   i.prototype[r] = function() {

package/dist/index.es69.js

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

package/dist/index.es70.js

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

package/dist/index.es71.js

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

package/dist/index.es74.js

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

package/dist/index.es76.js

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

package/dist/index.es78.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es78.js","sources":["../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB;AAAmB,IAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB;AAAmB,QAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,UAAI,IAAEA,EAAE;AAAO,WAAIC,IAAE,GAAEA,IAAE,GAAEA;AAAI,QAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,IAAE;AAAM,WAAI,KAAKF;AAAE,QAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE;AAAI,KAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es78.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB;AAAmB,IAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB;AAAmB,QAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,UAAI,IAAEA,EAAE;AAAO,WAAIC,IAAE,GAAEA,IAAE,GAAEA;AAAI,QAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,IAAE;AAAM,WAAI,KAAKF;AAAE,QAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE;AAAI,KAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es79.js

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

package/dist/index.es80.js

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

package/dist/index.es83.js

@@ -1,7 +1,7 @@
 import Z from "./index.es99.js";
-import V from "./index.es131.js";
-import ee from "./index.es132.js";
-import N from "./index.es133.js";
+import V from "./index.es137.js";
+import ee from "./index.es138.js";
+import N from "./index.es139.js";
 import { createElement as W, PureComponent as te } from "react";
 var ie = typeof performance == "object" && typeof performance.now == "function", U = ie ? function() {
   return performance.now();

package/dist/index.es84.js

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

package/dist/index.es85.js

@@ -1,14 +1,14 @@
 import f from "./index.es99.js";
 import o from "react";
 import { createContextScope as j } from "./index.es102.js";
-import { createCollection as q } from "./index.es135.js";
+import { createCollection as q } from "./index.es132.js";
 import { useComposedRefs as B } from "./index.es101.js";
 import { composeEventHandlers as F } from "./index.es100.js";
 import { useControllableState as O } from "./index.es103.js";
 import { Primitive as T } from "./index.es104.js";
 import { createCollapsibleScope as M, Root as J, Trigger as Q, Content as W } from "./index.es116.js";
 import { useId as X } from "./index.es106.js";
-import { useDirection as Z } from "./index.es136.js";
+import { useDirection as Z } from "./index.es133.js";
 const $ = "Accordion", ee = [
   "Home",
   "End",

package/dist/index.es86.js

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

package/dist/index.es87.js

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

package/dist/index.es89.js

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

package/dist/index.es90.js

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

package/dist/index.es91.js

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

package/dist/index.es92.js

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

package/dist/index.es94.js

@@ -1,15 +1,15 @@
 import { getDefaultExportFromCjs as R } from "./index.es141.js";
-import { __exports as y } from "./index.es166.js";
-import { i as k } from "./index.es167.js";
-import { __require as S } from "./index.es168.js";
-import { __require as P } from "./index.es169.js";
-import { __require as V } from "./index.es170.js";
-import { __require as b } from "./index.es171.js";
-import { __require as D } from "./index.es172.js";
-import { __require as E } from "./index.es173.js";
-import { __require as I } from "./index.es174.js";
-import { __require as $ } from "./index.es175.js";
-import { __require as j } from "./index.es176.js";
+import { __exports as y } from "./index.es269.js";
+import { i as k } from "./index.es270.js";
+import { __require as S } from "./index.es271.js";
+import { __require as P } from "./index.es272.js";
+import { __require as V } from "./index.es273.js";
+import { __require as b } from "./index.es274.js";
+import { __require as D } from "./index.es275.js";
+import { __require as E } from "./index.es276.js";
+import { __require as I } from "./index.es277.js";
+import { __require as $ } from "./index.es278.js";
+import { __require as j } from "./index.es279.js";
 (function(l) {
   var d = k;
   Object.defineProperty(l, "__esModule", {

package/package.json

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

package/src/components/SearchResultsLayer.js

@@ -63,8 +63,11 @@ const SearchResultsLayer = (props: Props) => {
   useEffect(() => {
     if (props.fitBoundingBox && data && mapLoaded && searchCompleted) {
       // Set the bounding box on the map
-      const boundingBox = MapUtils.getBoundingBox(data, props.buffer);
-      map.fitBounds(boundingBox, props.boundingBoxOptions, props.boundingBoxData);
+      const bbox = MapUtils.getBoundingBox(data, props.buffer);
+
+      if (bbox) {
+        map.fitBounds(bbox, props.boundingBoxOptions, props.boundingBoxData);
+      }
 
       // Reset search completed
       setSearchCompleted(false);

package/types/components/PlaceMarker.js.flow

@@ -0,0 +1,77 @@
+// @flow
+
+import { LocationMarker } from '@performant-software/geospatial';
+import { feature, featureCollection } from '@turf/turf';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from 'react';
+import _ from 'underscore';
+
+type Props = {
+  animate?: boolean,
+
+  /**
+   * The URL of the Core Data place record.
+   */
+  urls: Array<string>
+};
+
+/**
+ * This component renders a map marker for a given Core Data Place record.
+ */
+const PlaceMarker = (props: Props) => {
+  const [places, setPlaces] = useState([]);
+
+  /**
+   * Converts the set of places into a FeatureCollection.
+   *
+   * @type {FeatureCollection<Geometry, Properties>}
+   */
+  const data = useMemo(() => featureCollection(places), [places]);
+
+  /**
+   * Fetches the passed URLs and converts the response to JSON.
+   *
+   * @type {function(): *}
+   */
+  const onFetch = useCallback(() => (
+    _.map(props.urls, (url) => fetch(url).then((res) => res.json()))
+  ), [props.urls]);
+
+  /**
+   * Converts the passed list of records to Features and sets them on the state.
+   *
+   * @type {function(*): *}
+   */
+  const onLoad = useCallback((records) => (
+    _.map(records, (record) => setPlaces((prevPlaces) => [
+      ...prevPlaces,
+      feature(record.geometry, record.properties)
+    ]))
+  ), []);
+
+  /**
+   * Fetch the place record from the passed URL.
+   */
+  useEffect(() => {
+    Promise
+      .all(onFetch())
+      .then(onLoad);
+  }, [onFetch, onLoad]);
+
+  if (_.isEmpty(data?.features)) {
+    return null;
+  }
+
+  return (
+    <LocationMarker
+      animate={props.animate}
+      data={data}
+    />
+  );
+};
+
+export default PlaceMarker;

package/types/components/SearchResultsLayer.js.flow

@@ -63,8 +63,11 @@ const SearchResultsLayer = (props: Props) => {
   useEffect(() => {
     if (props.fitBoundingBox && data && mapLoaded && searchCompleted) {
       // Set the bounding box on the map
-      const boundingBox = MapUtils.getBoundingBox(data, props.buffer);
-      map.fitBounds(boundingBox, props.boundingBoxOptions, props.boundingBoxData);
+      const bbox = MapUtils.getBoundingBox(data, props.buffer);
+
+      if (bbox) {
+        map.fitBounds(bbox, props.boundingBoxOptions, props.boundingBoxData);
+      }
 
       // Reset search completed
       setSearchCompleted(false);

package/types/components/SearchResultsList.js.flow

@@ -0,0 +1,160 @@
+// @flow
+
+import React, { useMemo } from 'react';
+import { Highlight } from 'react-instantsearch';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { FixedSizeList } from 'react-window';
+import _ from 'underscore';
+import type { Feature } from '../types/Feature';
+import type { Place } from '../types/typesense/Place';
+import './SearchResultsList.css';
+
+/**
+ * Converts the passed place result to a feature.
+ *
+ * @param result
+ *
+ * @returns {{
+ *   geometry: {coordinates: number[], type: string},
+ *   id: number,
+ *   type:
+ *   string,
+ *   properties: {
+ *     ccode: *[],
+ *     record_id: string,
+ *     names: *,
+ *     name: string,
+ *     id: string,
+ *     title: string,
+ *     type: string,
+ *     uuid: string
+ *   }
+ * }}
+ */
+const toFeature = (result: Place) => ({
+  id: parseInt(result.record_id, 10),
+  type: 'Feature',
+  properties: {
+    id: result.record_id,
+    ccode: [],
+    title: result.name,
+    uuid: result.uuid,
+    record_id: result.record_id,
+    name: result.name,
+    names: _.map(result.names, (toponym) => ({ toponym })),
+    type: result.type
+  },
+  geometry: {
+    type: 'Point',
+    coordinates: result.coordinates.slice().reverse()
+  }
+});
+
+type HitComponentProps = {
+  hit: any,
+  isHovered: boolean,
+  onClick: () => void
+};
+
+const HitComponent = (props: HitComponentProps) => {
+  const { hit } = props;
+
+  const className = useMemo(() => {
+    const classNames = [
+      'h-[5.5em]',
+      'border-b',
+      'flex',
+      'flex-col',
+      'justify-start'
+    ];
+
+    if (props.isHovered) {
+      classNames.add('bg-teal-700/30');
+    }
+
+    return classNames.join(' ');
+  }, [props.isHovered]);
+
+  return (
+    <div
+      className={className}
+    >
+      <button
+        className='py-2 px-3 flex-grow text-left inline-flex flex-col'
+        onClick={props.onClick}
+        type='button'
+      >
+        <Highlight
+          attribute='name'
+          className='line-clamp-2'
+          hit={hit}
+        />
+        <p
+          className='text-muted text-xs line-clamp-1'
+        >
+          <Highlight
+            hit={hit}
+            attribute='names'
+          />
+        </p>
+      </button>
+    </div>
+  );
+};
+
+type Props = {
+  hits: Array<Place>,
+  hover?: Feature<{ id: string }>,
+  onHoverChange: (hover?: Feature<{ id: string }>) => void,
+  onClick: (result: Place) => void
+};
+
+type RowProps = {
+  index: number,
+  style: any
+};
+
+const SearchResultsList = (props: Props) => {
+  const {
+    hits,
+    hover,
+    onClick,
+    onHoverChange
+  } = props;
+
+  const Row = ({ index, style }: RowProps) => {
+    const hit = hits[index];
+    const id = parseInt(hit.record_id, 10);
+
+    return (
+      <div
+        style={style}
+        onPointerEnter={() => onHoverChange(hover?.id === id ? hover : toFeature(hit))}
+        onPointerLeave={() => onHoverChange(undefined)}
+      >
+        <HitComponent
+          hit={hit}
+          isHovered={hover?.id === parseInt(hit?.record_id, 10)}
+          onClick={() => onClick(hit)}
+        />
+      </div>
+    );
+  };
+
+  return (
+    <AutoSizer>
+      {({ height, width }) => (
+        <FixedSizeList
+          height={height}
+          itemCount={hits.length}
+          width={width}
+          itemSize={88}
+        >
+          {Row}
+        </FixedSizeList>
+      )}
+    </AutoSizer>
+  );
+};
+
+export default SearchResultsList;

package/types/context/I18n.js.flow

@@ -0,0 +1,11 @@
+// @flow
+
+import { createContext } from 'react';
+
+type I18nContextType = {
+  translations: any
+};
+
+const I18nContext = createContext<I18nContextType>();
+
+export default I18nContext;

package/types/types/Translations.js.flow

@@ -0,0 +1,5 @@
+// @flow
+
+export type Translations = {
+  [key: string]: string
+};