@sanity/google-maps-input 0.147.10-ts-client.1 → 1.0.0-v2-studio.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 Sanity
+Copyright (c) 2022 - 2022 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/config.dist.json

@@ -1,6 +1,7 @@
 {
   "apiKey": null,
   "defaultZoom": 11,
+  "defaultLocale": null,
   "defaultLocation": {
     "lat": 40.7058254,
     "lng": -74.1180863

package/dts/diff/GeopointArrayDiff.d.ts

@@ -0,0 +1,4 @@
+import { ArrayDiff, DiffProps as GenericDiffProps, DiffComponent } from '@sanity/field/diff';
+import { Geopoint } from '../types';
+export type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>;
+export declare const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>>;

package/dts/diff/GeopointFieldDiff.d.ts

@@ -0,0 +1,4 @@
+import { DiffComponent, ObjectDiff, DiffProps as GenericDiffProps } from '@sanity/field/diff';
+import { Geopoint } from '../types';
+export type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>;
+export declare const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>>;

package/dts/diff/GeopointFieldDiff.styles.d.ts

@@ -0,0 +1 @@
+export declare const RootContainer: any;

package/dts/diff/GeopointMove.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/// <reference types="googlemaps" />
+import { ObjectDiff } from '@sanity/field/diff';
+import { Geopoint } from '../types';
+interface Props {
+    api: typeof window.google.maps;
+    map: google.maps.Map;
+    diff: ObjectDiff<Geopoint>;
+    label?: string;
+}
+export declare function GeopointMove({ diff, api, map, label }: Props): JSX.Element;
+export {};

package/dts/diff/resolver.d.ts

@@ -0,0 +1,3 @@
+import { DiffComponentResolver } from '@sanity/field/diff';
+declare const diffResolver: DiffComponentResolver;
+export default diffResolver;

package/dts/input/GeopointInput.d.ts

@@ -0,0 +1,64 @@
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+import React from 'react';
+import { Path, Marker } from '@sanity/types';
+import { FormFieldPresence } from '@sanity/base/presence';
+import { Geopoint, GeopointSchemaType } from '../types';
+interface InputProps {
+    markers: Marker[];
+    level?: number;
+    value?: Geopoint;
+    compareValue?: Geopoint;
+    type: GeopointSchemaType;
+    readOnly?: boolean;
+    onFocus: (path: Path) => void;
+    onBlur: () => void;
+    onChange: (patchEvent: unknown) => void;
+    presence: FormFieldPresence[];
+}
+type Focusable = any;
+interface InputState {
+    modalOpen: boolean;
+}
+declare class GeopointInput extends React.PureComponent<InputProps, InputState> {
+    _geopointInputId: string;
+    static defaultProps: {
+        markers: never[];
+    };
+    editButton: Focusable | undefined;
+    constructor(props: any);
+    setEditButton: (el: Focusable) => void;
+    focus(): void;
+    handleFocus: (event: any) => void;
+    handleBlur: () => void;
+    handleToggleModal: () => void;
+    handleCloseModal: () => void;
+    handleChange: (latLng: google.maps.LatLng) => void;
+    handleClear: () => void;
+    render(): JSX.Element;
+}
+export default GeopointInput;

package/dts/input/GeopointInput.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const PreviewImage: any;
+export declare const DialogInnerContainer: any;

package/dts/input/GeopointSelect.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+import React from 'react';
+import { LatLng, Geopoint } from '../types';
+interface SelectProps {
+    api: typeof window.google.maps;
+    value?: Geopoint;
+    onChange?: (latLng: google.maps.LatLng) => void;
+    defaultLocation?: LatLng;
+    defaultZoom?: number;
+}
+export declare class GeopointSelect extends React.PureComponent<SelectProps> {
+    static defaultProps: {
+        defaultZoom: number;
+        defaultLocation: {
+            lng: number;
+            lat: number;
+        };
+    };
+    mapRef: React.RefObject<HTMLDivElement>;
+    getCenter(): LatLng;
+    handlePlaceChanged: (place: google.maps.places.PlaceResult) => void;
+    handleMarkerDragEnd: (event: google.maps.MapMouseEvent) => void;
+    handleMapClick: (event: google.maps.MapMouseEvent) => void;
+    setValue(geoPoint: google.maps.LatLng): void;
+    render(): JSX.Element;
+}
+export {};

package/dts/loader/GoogleMapsLoadProxy.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Subscription } from 'rxjs';
+import { GoogleLoadState } from './loadGoogleMapsApi';
+interface LoadProps {
+    children: (api: typeof window.google.maps) => React.ReactElement;
+}
+export declare class GoogleMapsLoadProxy extends React.Component<LoadProps, GoogleLoadState> {
+    loadSubscription: Subscription | undefined;
+    constructor(props: LoadProps);
+    componentWillUnmount(): void;
+    render(): JSX.Element | null;
+}
+export {};

package/dts/loader/LoadError.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Props = {
+    error: Error;
+    isAuthError: false;
+} | {
+    isAuthError: true;
+};
+export declare function LoadError(props: Props): JSX.Element;
+export {};

package/dts/loader/loadGoogleMapsApi.d.ts

@@ -0,0 +1,17 @@
+import { Observable } from 'rxjs';
+export interface LoadingState {
+    loadState: 'loading';
+}
+export interface LoadedState {
+    loadState: 'loaded';
+    api: typeof window.google.maps;
+}
+export interface LoadErrorState {
+    loadState: 'loadError';
+    error: Error;
+}
+export interface AuthErrorState {
+    loadState: 'authError';
+}
+export type GoogleLoadState = LoadingState | LoadedState | LoadErrorState | AuthErrorState;
+export declare function loadGoogleMapsApi(): Observable<GoogleLoadState>;

package/dts/map/Arrow.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+import * as React from 'react';
+import { LatLng } from '../types';
+interface Props {
+    api: typeof window.google.maps;
+    map: google.maps.Map;
+    from: LatLng;
+    to: LatLng;
+    color?: {
+        background: string;
+        border: string;
+        text: string;
+    };
+    zIndex?: number;
+    arrowRef?: React.MutableRefObject<google.maps.Polyline | undefined>;
+    onClick?: (event: google.maps.MapMouseEvent) => void;
+}
+export declare class Arrow extends React.PureComponent<Props> {
+    line: google.maps.Polyline | undefined;
+    eventHandlers: {
+        click?: google.maps.MapsEventListener;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    componentWillUnmount(): void;
+    render(): null;
+}
+export {};

package/dts/map/Map.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+import React from 'react';
+import { LatLng } from '../types';
+interface MapProps {
+    api: typeof window.google.maps;
+    location: LatLng;
+    bounds?: google.maps.LatLngBounds;
+    defaultZoom?: number;
+    mapTypeControl?: boolean;
+    scrollWheel?: boolean;
+    controlSize?: number;
+    onClick?: (event: google.maps.MapMouseEvent) => void;
+    children?: (map: google.maps.Map) => React.ReactElement;
+}
+interface MapState {
+    map: google.maps.Map | undefined;
+}
+export declare class GoogleMap extends React.PureComponent<MapProps, MapState> {
+    static defaultProps: {
+        defaultZoom: number;
+        scrollWheel: boolean;
+    };
+    state: MapState;
+    clickHandler: google.maps.MapsEventListener | undefined;
+    mapRef: React.RefObject<HTMLDivElement>;
+    mapEl: HTMLDivElement | null;
+    componentDidMount(): void;
+    attachClickHandler: () => void;
+    componentDidUpdate(prevProps: MapProps): void;
+    componentWillUnmount(): void;
+    getCenter(): google.maps.LatLng;
+    constructMap(el: HTMLDivElement): google.maps.Map<HTMLDivElement>;
+    setMapElement: (element: HTMLDivElement | null) => void;
+    render(): JSX.Element;
+}
+export {};

package/dts/map/Map.styles.d.ts

@@ -0,0 +1 @@
+export declare const MapContainer: any;

package/dts/map/Marker.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+import * as React from 'react';
+import { LatLng } from '../types';
+interface Props {
+    api: typeof window.google.maps;
+    map: google.maps.Map;
+    onMove?: (event: google.maps.MapMouseEvent) => void;
+    onClick?: (event: google.maps.MapMouseEvent) => void;
+    onMouseOver?: (event: google.maps.MapMouseEvent) => void;
+    onMouseOut?: (event: google.maps.MapMouseEvent) => void;
+    position: LatLng | google.maps.LatLng;
+    zIndex?: number;
+    opacity?: number;
+    label?: string;
+    markerRef?: React.MutableRefObject<google.maps.Marker | undefined>;
+    color?: {
+        background: string;
+        border: string;
+        text: string;
+    };
+}
+export declare class Marker extends React.PureComponent<Props> {
+    marker: google.maps.Marker | undefined;
+    eventHandlers: {
+        move?: google.maps.MapsEventListener;
+        click?: google.maps.MapsEventListener;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    componentWillUnmount(): void;
+    attachMoveHandler(): void;
+    attachClickHandler(): void;
+    render(): null;
+}
+export {};

package/dts/map/SearchInput.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+/// <reference types="googlemaps" />
+import * as React from 'react';
+interface Props {
+    api: typeof window.google.maps;
+    map: google.maps.Map;
+    onChange: (result: google.maps.places.PlaceResult) => void;
+}
+export declare class SearchInput extends React.PureComponent<Props> {
+    searchInputRef: React.RefObject<HTMLInputElement>;
+    autoComplete: google.maps.places.Autocomplete | undefined;
+    handleChange: () => void;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/dts/map/SearchInput.styles.d.ts

@@ -0,0 +1 @@
+export declare const WrapperContainer: any;

package/dts/map/util.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="googlemaps" />
+import { LatLng } from '../types';
+export declare function latLngAreEqual(latLng1: LatLng | google.maps.LatLng, latLng2: LatLng | google.maps.LatLng): boolean;

package/dts/types.d.ts

@@ -0,0 +1,13 @@
+import { ObjectSchemaType } from '@sanity/field/diff';
+export interface LatLng {
+    lat: number;
+    lng: number;
+}
+export interface Geopoint {
+    _type: 'geopoint';
+    _key?: string;
+    lat: number;
+    lng: number;
+    alt?: number;
+}
+export type GeopointSchemaType = ObjectSchemaType<Geopoint>;

package/lib/@types/css.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=css.d.js.map

package/lib/@types/css.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.js","names":[],"sources":["../../src/@types/css.d.ts"],"sourcesContent":["declare module '*.css' {\n  const styles: Record<string, string>\n  export default styles\n}\n"],"mappings":""}

package/lib/diff/GeopointArrayDiff.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GeopointArrayDiff = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _GoogleMapsLoadProxy = require("../loader/GoogleMapsLoadProxy");
+var _Map = require("../map/Map");
+var _GeopointMove = require("./GeopointMove");
+var _GeopointFieldDiff = require("./GeopointFieldDiff.styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var GeopointArrayDiff = _ref => {
+  var diff = _ref.diff,
+    schemaType = _ref.schemaType;
+  return /*#__PURE__*/React.createElement(_GeopointFieldDiff.RootContainer, null, /*#__PURE__*/React.createElement(_GoogleMapsLoadProxy.GoogleMapsLoadProxy, null, api => /*#__PURE__*/React.createElement(GeopointDiff, {
+    api: api,
+    diff: diff,
+    schemaType: schemaType
+  })));
+};
+exports.GeopointArrayDiff = GeopointArrayDiff;
+function GeopointDiff(_ref2) {
+  var api = _ref2.api,
+    diff = _ref2.diff;
+  var fromValue = (diff.fromValue || []).filter(hasCoordinates);
+  var toValue = (diff.toValue || []).filter(hasCoordinates);
+  if (fromValue.length === 0 && toValue.length === 0) {
+    return null;
+  }
+  var bounds = getBounds(fromValue, toValue, api);
+  return /*#__PURE__*/React.createElement(_Map.GoogleMap, {
+    api: api,
+    location: bounds.getCenter().toJSON(),
+    mapTypeControl: false,
+    controlSize: 20,
+    bounds: bounds
+  }, map => /*#__PURE__*/React.createElement(React.Fragment, null, diff.items.map(_ref3 => {
+    var toIndex = _ref3.toIndex,
+      pointDiff = _ref3.diff;
+    if (!isChangeDiff(pointDiff)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(_GeopointMove.GeopointMove, {
+      key: toIndex,
+      api: api,
+      map: map,
+      diff: pointDiff,
+      label: "".concat(toIndex)
+    });
+  })));
+}
+function isChangeDiff(diff) {
+  return diff.action !== 'unchanged' && diff.type === 'object';
+}
+function hasCoordinates(point) {
+  return typeof point.lat === 'number' && typeof point.lng === 'number';
+}
+function getBounds(fromValue, toValue, api) {
+  var bounds = new api.LatLngBounds();
+  var points = [...(fromValue || []), ...(toValue || [])];
+  points.forEach(point => bounds.extend(point));
+  return bounds;
+}
+//# sourceMappingURL=GeopointArrayDiff.js.map

package/lib/diff/GeopointArrayDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointArrayDiff.js","names":["GeopointArrayDiff","diff","schemaType","api","GeopointDiff","fromValue","filter","hasCoordinates","toValue","length","bounds","getBounds","getCenter","toJSON","map","items","toIndex","pointDiff","isChangeDiff","action","type","point","lat","lng","LatLngBounds","points","forEach","extend"],"sources":["../../src/diff/GeopointArrayDiff.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  ArrayDiff,\n  ObjectDiff,\n  Diff,\n  DiffProps as GenericDiffProps,\n  DiffComponent,\n} from '@sanity/field/diff'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\n\nexport type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>\n\nexport const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>> = ({diff, schemaType}) => {\n  return (\n    <RootContainer>\n      <GoogleMapsLoadProxy>\n        {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n      </GoogleMapsLoadProxy>\n    </RootContainer>\n  )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof window.google.maps}) {\n  const fromValue = (diff.fromValue || []).filter(hasCoordinates)\n  const toValue = (diff.toValue || []).filter(hasCoordinates)\n  if (fromValue.length === 0 && toValue.length === 0) {\n    return null\n  }\n\n  const bounds = getBounds(fromValue, toValue, api)\n  return (\n    <GoogleMap\n      api={api}\n      location={bounds.getCenter().toJSON()}\n      mapTypeControl={false}\n      controlSize={20}\n      bounds={bounds}\n    >\n      {(map) => (\n        <>\n          {diff.items.map(({toIndex, diff: pointDiff}) => {\n            if (!isChangeDiff(pointDiff)) {\n              return null\n            }\n\n            return (\n              <GeopointMove\n                key={toIndex}\n                api={api}\n                map={map}\n                diff={pointDiff}\n                label={`${toIndex}`}\n              />\n            )\n          })}\n        </>\n      )}\n    </GoogleMap>\n  )\n}\n\nfunction isChangeDiff(diff: Diff): diff is ObjectDiff<Geopoint> {\n  return diff.action !== 'unchanged' && diff.type === 'object'\n}\n\nfunction hasCoordinates(point: Partial<Geopoint>): point is Geopoint {\n  return typeof point.lat === 'number' && typeof point.lng === 'number'\n}\n\nfunction getBounds(\n  fromValue: google.maps.LatLngLiteral[] | null | undefined,\n  toValue: google.maps.LatLngLiteral[] | null | undefined,\n  api: typeof window.google.maps\n): google.maps.LatLngBounds {\n  const bounds = new api.LatLngBounds()\n  const points = [...(fromValue || []), ...(toValue || [])]\n  points.forEach((point) => bounds.extend(point))\n  return bounds\n}\n"],"mappings":";;;;;;AAAA;AAQA;AACA;AAEA;AACA;AAAwD;AAAA;AAIjD,IAAMA,iBAAqD,GAAG,QAAwB;EAAA,IAAtBC,IAAI,QAAJA,IAAI;IAAEC,UAAU,QAAVA,UAAU;EACrF,oBACE,oBAAC,gCAAa,qBACZ,oBAAC,wCAAmB,QAChBC,GAAG,iBAAK,oBAAC,YAAY;IAAC,GAAG,EAAEA,GAAI;IAAC,IAAI,EAAEF,IAAK;IAAC,UAAU,EAAEC;EAAW,EAAG,CACpD,CACR;AAEpB,CAAC;AAAA;AAED,SAASE,YAAY,QAA4D;EAAA,IAA1DD,GAAG,SAAHA,GAAG;IAAEF,IAAI,SAAJA,IAAI;EAC9B,IAAMI,SAAS,GAAG,CAACJ,IAAI,CAACI,SAAS,IAAI,EAAE,EAAEC,MAAM,CAACC,cAAc,CAAC;EAC/D,IAAMC,OAAO,GAAG,CAACP,IAAI,CAACO,OAAO,IAAI,EAAE,EAAEF,MAAM,CAACC,cAAc,CAAC;EAC3D,IAAIF,SAAS,CAACI,MAAM,KAAK,CAAC,IAAID,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE;IAClD,OAAO,IAAI;EACb;EAEA,IAAMC,MAAM,GAAGC,SAAS,CAACN,SAAS,EAAEG,OAAO,EAAEL,GAAG,CAAC;EACjD,oBACE,oBAAC,cAAS;IACR,GAAG,EAAEA,GAAI;IACT,QAAQ,EAAEO,MAAM,CAACE,SAAS,EAAE,CAACC,MAAM,EAAG;IACtC,cAAc,EAAE,KAAM;IACtB,WAAW,EAAE,EAAG;IAChB,MAAM,EAAEH;EAAO,GAEbI,GAAG,iBACH,0CACGb,IAAI,CAACc,KAAK,CAACD,GAAG,CAAC,SAAgC;IAAA,IAA9BE,OAAO,SAAPA,OAAO;MAAQC,SAAS,SAAfhB,IAAI;IAC7B,IAAI,CAACiB,YAAY,CAACD,SAAS,CAAC,EAAE;MAC5B,OAAO,IAAI;IACb;IAEA,oBACE,oBAAC,0BAAY;MACX,GAAG,EAAED,OAAQ;MACb,GAAG,EAAEb,GAAI;MACT,GAAG,EAAEW,GAAI;MACT,IAAI,EAAEG,SAAU;MAChB,KAAK,YAAKD,OAAO;IAAG,EACpB;EAEN,CAAC,CAAC,CAEL,CACS;AAEhB;AAEA,SAASE,YAAY,CAACjB,IAAU,EAAgC;EAC9D,OAAOA,IAAI,CAACkB,MAAM,KAAK,WAAW,IAAIlB,IAAI,CAACmB,IAAI,KAAK,QAAQ;AAC9D;AAEA,SAASb,cAAc,CAACc,KAAwB,EAAqB;EACnE,OAAO,OAAOA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAI,OAAOD,KAAK,CAACE,GAAG,KAAK,QAAQ;AACvE;AAEA,SAASZ,SAAS,CAChBN,SAAyD,EACzDG,OAAuD,EACvDL,GAA8B,EACJ;EAC1B,IAAMO,MAAM,GAAG,IAAIP,GAAG,CAACqB,YAAY,EAAE;EACrC,IAAMC,MAAM,GAAG,CAAC,IAAIpB,SAAS,IAAI,EAAE,CAAC,EAAE,IAAIG,OAAO,IAAI,EAAE,CAAC,CAAC;EACzDiB,MAAM,CAACC,OAAO,CAAEL,KAAK,IAAKX,MAAM,CAACiB,MAAM,CAACN,KAAK,CAAC,CAAC;EAC/C,OAAOX,MAAM;AACf"}

package/lib/diff/GeopointFieldDiff.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GeopointFieldDiff = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _diff = require("@sanity/field/diff");
+var _GoogleMapsLoadProxy = require("../loader/GoogleMapsLoadProxy");
+var _Map = require("../map/Map");
+var _GeopointMove = require("./GeopointMove");
+var _GeopointFieldDiff = require("./GeopointFieldDiff.styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var GeopointFieldDiff = _ref => {
+  var diff = _ref.diff,
+    schemaType = _ref.schemaType;
+  return /*#__PURE__*/React.createElement(_GeopointFieldDiff.RootContainer, null, /*#__PURE__*/React.createElement(_GoogleMapsLoadProxy.GoogleMapsLoadProxy, null, api => /*#__PURE__*/React.createElement(GeopointDiff, {
+    api: api,
+    diff: diff,
+    schemaType: schemaType
+  })));
+};
+exports.GeopointFieldDiff = GeopointFieldDiff;
+function GeopointDiff(_ref2) {
+  var api = _ref2.api,
+    diff = _ref2.diff;
+  var fromValue = diff.fromValue,
+    toValue = diff.toValue;
+  var annotation = (0, _diff.getAnnotationAtPath)(diff, ['lat']) || (0, _diff.getAnnotationAtPath)(diff, ['lng']) || (0, _diff.getAnnotationAtPath)(diff, []);
+  var center = getCenter(diff, api);
+  var bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined;
+  return /*#__PURE__*/React.createElement(_diff.DiffTooltip, {
+    annotations: annotation ? [annotation] : [],
+    description: getAction(diff)
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Map.GoogleMap, {
+    api: api,
+    location: center,
+    mapTypeControl: false,
+    controlSize: 20,
+    bounds: bounds,
+    scrollWheel: false
+  }, map => /*#__PURE__*/React.createElement(_GeopointMove.GeopointMove, {
+    api: api,
+    map: map,
+    diff: diff
+  }))));
+}
+function getBounds(fromValue, toValue, api) {
+  return new api.LatLngBounds().extend(fromValue).extend(toValue);
+}
+function getCenter(diff, api) {
+  var fromValue = diff.fromValue,
+    toValue = diff.toValue;
+  if (fromValue && toValue) {
+    return getBounds(fromValue, toValue, api).getCenter().toJSON();
+  }
+  if (fromValue) {
+    return fromValue;
+  }
+  if (toValue) {
+    return toValue;
+  }
+  throw new Error('Neither a from or a to value present');
+}
+function getAction(diff) {
+  var fromValue = diff.fromValue,
+    toValue = diff.toValue;
+  if (fromValue && toValue) {
+    return 'Moved';
+  } else if (fromValue) {
+    return 'Removed';
+  } else if (toValue) {
+    return 'Added';
+  }
+  return 'Unchanged';
+}
+//# sourceMappingURL=GeopointFieldDiff.js.map

package/lib/diff/GeopointFieldDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointFieldDiff.js","names":["GeopointFieldDiff","diff","schemaType","api","GeopointDiff","fromValue","toValue","annotation","getAnnotationAtPath","center","getCenter","bounds","getBounds","undefined","getAction","map","LatLngBounds","extend","toJSON","Error"],"sources":["../../src/diff/GeopointFieldDiff.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  DiffComponent,\n  ObjectDiff,\n  DiffProps as GenericDiffProps,\n  DiffTooltip,\n  getAnnotationAtPath,\n} from '@sanity/field/diff'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\n\nexport type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>\n\nexport const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>> = ({diff, schemaType}) => {\n  return (\n    <RootContainer>\n      <GoogleMapsLoadProxy>\n        {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n      </GoogleMapsLoadProxy>\n    </RootContainer>\n  )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof window.google.maps}) {\n  const {fromValue, toValue} = diff\n  const annotation =\n    getAnnotationAtPath(diff, ['lat']) ||\n    getAnnotationAtPath(diff, ['lng']) ||\n    getAnnotationAtPath(diff, [])\n\n  const center = getCenter(diff, api)\n  const bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined\n\n  return (\n    <DiffTooltip annotations={annotation ? [annotation] : []} description={getAction(diff)}>\n      <div>\n        <GoogleMap\n          api={api}\n          location={center}\n          mapTypeControl={false}\n          controlSize={20}\n          bounds={bounds}\n          scrollWheel={false}\n        >\n          {(map) => <GeopointMove api={api} map={map} diff={diff} />}\n        </GoogleMap>\n      </div>\n    </DiffTooltip>\n  )\n}\n\nfunction getBounds(\n  fromValue: google.maps.LatLngLiteral,\n  toValue: google.maps.LatLngLiteral,\n  api: typeof window.google.maps\n): google.maps.LatLngBounds {\n  return new api.LatLngBounds().extend(fromValue).extend(toValue)\n}\n\nfunction getCenter(\n  diff: DiffProps['diff'],\n  api: typeof window.google.maps\n): google.maps.LatLngLiteral {\n  const {fromValue, toValue} = diff\n  if (fromValue && toValue) {\n    return getBounds(fromValue, toValue, api).getCenter().toJSON()\n  }\n\n  if (fromValue) {\n    return fromValue\n  }\n\n  if (toValue) {\n    return toValue\n  }\n\n  throw new Error('Neither a from or a to value present')\n}\n\nfunction getAction(diff: ObjectDiff<Geopoint>) {\n  const {fromValue, toValue} = diff\n  if (fromValue && toValue) {\n    return 'Moved'\n  } else if (fromValue) {\n    return 'Removed'\n  } else if (toValue) {\n    return 'Added'\n  }\n\n  return 'Unchanged'\n}\n"],"mappings":";;;;;;AAAA;AACA;AAOA;AACA;AAEA;AACA;AAAwD;AAAA;AAIjD,IAAMA,iBAAsD,GAAG,QAAwB;EAAA,IAAtBC,IAAI,QAAJA,IAAI;IAAEC,UAAU,QAAVA,UAAU;EACtF,oBACE,oBAAC,gCAAa,qBACZ,oBAAC,wCAAmB,QAChBC,GAAG,iBAAK,oBAAC,YAAY;IAAC,GAAG,EAAEA,GAAI;IAAC,IAAI,EAAEF,IAAK;IAAC,UAAU,EAAEC;EAAW,EAAG,CACpD,CACR;AAEpB,CAAC;AAAA;AAED,SAASE,YAAY,QAA4D;EAAA,IAA1DD,GAAG,SAAHA,GAAG;IAAEF,IAAI,SAAJA,IAAI;EAC9B,IAAOI,SAAS,GAAaJ,IAAI,CAA1BI,SAAS;IAAEC,OAAO,GAAIL,IAAI,CAAfK,OAAO;EACzB,IAAMC,UAAU,GACd,IAAAC,yBAAmB,EAACP,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,IAClC,IAAAO,yBAAmB,EAACP,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,IAClC,IAAAO,yBAAmB,EAACP,IAAI,EAAE,EAAE,CAAC;EAE/B,IAAMQ,MAAM,GAAGC,SAAS,CAACT,IAAI,EAAEE,GAAG,CAAC;EACnC,IAAMQ,MAAM,GAAGN,SAAS,IAAIC,OAAO,GAAGM,SAAS,CAACP,SAAS,EAAEC,OAAO,EAAEH,GAAG,CAAC,GAAGU,SAAS;EAEpF,oBACE,oBAAC,iBAAW;IAAC,WAAW,EAAEN,UAAU,GAAG,CAACA,UAAU,CAAC,GAAG,EAAG;IAAC,WAAW,EAAEO,SAAS,CAACb,IAAI;EAAE,gBACrF,8CACE,oBAAC,cAAS;IACR,GAAG,EAAEE,GAAI;IACT,QAAQ,EAAEM,MAAO;IACjB,cAAc,EAAE,KAAM;IACtB,WAAW,EAAE,EAAG;IAChB,MAAM,EAAEE,MAAO;IACf,WAAW,EAAE;EAAM,GAEjBI,GAAG,iBAAK,oBAAC,0BAAY;IAAC,GAAG,EAAEZ,GAAI;IAAC,GAAG,EAAEY,GAAI;IAAC,IAAI,EAAEd;EAAK,EAAG,CAChD,CACR,CACM;AAElB;AAEA,SAASW,SAAS,CAChBP,SAAoC,EACpCC,OAAkC,EAClCH,GAA8B,EACJ;EAC1B,OAAO,IAAIA,GAAG,CAACa,YAAY,EAAE,CAACC,MAAM,CAACZ,SAAS,CAAC,CAACY,MAAM,CAACX,OAAO,CAAC;AACjE;AAEA,SAASI,SAAS,CAChBT,IAAuB,EACvBE,GAA8B,EACH;EAC3B,IAAOE,SAAS,GAAaJ,IAAI,CAA1BI,SAAS;IAAEC,OAAO,GAAIL,IAAI,CAAfK,OAAO;EACzB,IAAID,SAAS,IAAIC,OAAO,EAAE;IACxB,OAAOM,SAAS,CAACP,SAAS,EAAEC,OAAO,EAAEH,GAAG,CAAC,CAACO,SAAS,EAAE,CAACQ,MAAM,EAAE;EAChE;EAEA,IAAIb,SAAS,EAAE;IACb,OAAOA,SAAS;EAClB;EAEA,IAAIC,OAAO,EAAE;IACX,OAAOA,OAAO;EAChB;EAEA,MAAM,IAAIa,KAAK,CAAC,sCAAsC,CAAC;AACzD;AAEA,SAASL,SAAS,CAACb,IAA0B,EAAE;EAC7C,IAAOI,SAAS,GAAaJ,IAAI,CAA1BI,SAAS;IAAEC,OAAO,GAAIL,IAAI,CAAfK,OAAO;EACzB,IAAID,SAAS,IAAIC,OAAO,EAAE;IACxB,OAAO,OAAO;EAChB,CAAC,MAAM,IAAID,SAAS,EAAE;IACpB,OAAO,SAAS;EAClB,CAAC,MAAM,IAAIC,OAAO,EAAE;IAClB,OAAO,OAAO;EAChB;EAEA,OAAO,WAAW;AACpB"}

package/lib/diff/GeopointFieldDiff.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RootContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var RootContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  min-height: 200px;\n\n  &:empty {\n    background-color: var(--card-skeleton-color-from);\n    display: table;\n    width: 100%;\n  }\n\n  &:empty:after {\n    content: 'Missing/invalid data';\n    display: table-cell;\n    vertical-align: middle;\n    text-align: center;\n    position: relative;\n  }\n"])));
+exports.RootContainer = RootContainer;
+//# sourceMappingURL=GeopointFieldDiff.styles.js.map

package/lib/diff/GeopointFieldDiff.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointFieldDiff.styles.js","names":["RootContainer","styled","div"],"sources":["../../src/diff/GeopointFieldDiff.styles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const RootContainer = styled.div`\n  position: relative;\n  min-height: 200px;\n\n  &:empty {\n    background-color: var(--card-skeleton-color-from);\n    display: table;\n    width: 100%;\n  }\n\n  &:empty:after {\n    content: 'Missing/invalid data';\n    display: table-cell;\n    vertical-align: middle;\n    text-align: center;\n    position: relative;\n  }\n`\n"],"mappings":";;;;;;AAAA;AAAsC;AAAA;AAAA;AAE/B,IAAMA,aAAa,GAAGC,yBAAM,CAACC,GAAG,gZAiBtC;AAAA"}

package/lib/diff/GeopointMove.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GeopointMove = GeopointMove;
+var React = _interopRequireWildcard(require("react"));
+var _userColor = require("@sanity/base/user-color");
+var _Marker = require("../map/Marker");
+var _Arrow = require("../map/Arrow");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function GeopointMove(_ref) {
+  var diff = _ref.diff,
+    api = _ref.api,
+    map = _ref.map,
+    label = _ref.label;
+  var from = diff.fromValue,
+    to = diff.toValue;
+  var annotation = diff.isChanged ? diff.annotation : undefined;
+  var userColor = (0, _userColor.useUserColor)(annotation ? annotation.author : null) || undefined;
+  var fromRef = React.useRef();
+  var toRef = React.useRef();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, from && /*#__PURE__*/React.createElement(_Marker.Marker, {
+    api: api,
+    map: map,
+    position: from,
+    zIndex: 0,
+    opacity: 0.55,
+    markerRef: fromRef,
+    color: userColor
+  }), from && to && /*#__PURE__*/React.createElement(_Arrow.Arrow, {
+    api: api,
+    map: map,
+    from: from,
+    to: to,
+    zIndex: 1,
+    color: userColor
+  }), to && /*#__PURE__*/React.createElement(_Marker.Marker, {
+    api: api,
+    map: map,
+    position: to,
+    zIndex: 2,
+    markerRef: toRef,
+    label: label,
+    color: userColor
+  }));
+}
+//# sourceMappingURL=GeopointMove.js.map

package/lib/diff/GeopointMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointMove.js","names":["GeopointMove","diff","api","map","label","from","fromValue","to","toValue","annotation","isChanged","undefined","userColor","useUserColor","author","fromRef","React","useRef","toRef"],"sources":["../../src/diff/GeopointMove.tsx"],"sourcesContent":["import * as React from 'react'\nimport {useUserColor} from '@sanity/base/user-color'\nimport {ObjectDiff} from '@sanity/field/diff'\nimport {Marker} from '../map/Marker'\nimport {Arrow} from '../map/Arrow'\nimport {Geopoint} from '../types'\n\ninterface Props {\n  api: typeof window.google.maps\n  map: google.maps.Map\n  diff: ObjectDiff<Geopoint>\n  label?: string\n}\n\nexport function GeopointMove({diff, api, map, label}: Props) {\n  const {fromValue: from, toValue: to} = diff\n  const annotation = diff.isChanged ? diff.annotation : undefined\n  const userColor = useUserColor(annotation ? annotation.author : null) || undefined\n  const fromRef = React.useRef<google.maps.Marker>()\n  const toRef = React.useRef<google.maps.Marker>()\n\n  return (\n    <>\n      {from && (\n        <Marker\n          api={api}\n          map={map}\n          position={from}\n          zIndex={0}\n          opacity={0.55}\n          markerRef={fromRef}\n          color={userColor}\n        />\n      )}\n      {from && to && <Arrow api={api} map={map} from={from} to={to} zIndex={1} color={userColor} />}\n      {to && (\n        <Marker\n          api={api}\n          map={map}\n          position={to}\n          zIndex={2}\n          markerRef={toRef}\n          label={label}\n          color={userColor}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAkC;AAAA;AAU3B,SAASA,YAAY,OAAiC;EAAA,IAA/BC,IAAI,QAAJA,IAAI;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAEC,KAAK,QAALA,KAAK;EACjD,IAAkBC,IAAI,GAAiBJ,IAAI,CAApCK,SAAS;IAAiBC,EAAE,GAAIN,IAAI,CAAnBO,OAAO;EAC/B,IAAMC,UAAU,GAAGR,IAAI,CAACS,SAAS,GAAGT,IAAI,CAACQ,UAAU,GAAGE,SAAS;EAC/D,IAAMC,SAAS,GAAG,IAAAC,uBAAY,EAACJ,UAAU,GAAGA,UAAU,CAACK,MAAM,GAAG,IAAI,CAAC,IAAIH,SAAS;EAClF,IAAMI,OAAO,GAAGC,KAAK,CAACC,MAAM,EAAsB;EAClD,IAAMC,KAAK,GAAGF,KAAK,CAACC,MAAM,EAAsB;EAEhD,oBACE,0CACGZ,IAAI,iBACH,oBAAC,cAAM;IACL,GAAG,EAAEH,GAAI;IACT,GAAG,EAAEC,GAAI;IACT,QAAQ,EAAEE,IAAK;IACf,MAAM,EAAE,CAAE;IACV,OAAO,EAAE,IAAK;IACd,SAAS,EAAEU,OAAQ;IACnB,KAAK,EAAEH;EAAU,EAEpB,EACAP,IAAI,IAAIE,EAAE,iBAAI,oBAAC,YAAK;IAAC,GAAG,EAAEL,GAAI;IAAC,GAAG,EAAEC,GAAI;IAAC,IAAI,EAAEE,IAAK;IAAC,EAAE,EAAEE,EAAG;IAAC,MAAM,EAAE,CAAE;IAAC,KAAK,EAAEK;EAAU,EAAG,EAC5FL,EAAE,iBACD,oBAAC,cAAM;IACL,GAAG,EAAEL,GAAI;IACT,GAAG,EAAEC,GAAI;IACT,QAAQ,EAAEI,EAAG;IACb,MAAM,EAAE,CAAE;IACV,SAAS,EAAEW,KAAM;IACjB,KAAK,EAAEd,KAAM;IACb,KAAK,EAAEQ;EAAU,EAEpB,CACA;AAEP"}