@mapcomponents/ra-geospatial 1.5.5 → 1.5.7-1

package/dist/README.md

@@ -0,0 +1,74 @@
+<img src="https://avatars.githubusercontent.com/u/64851912" alt="MapComponents logo" width="80"/>
+
+# @mapcomponents/ra-geospatial
+
+[![npm version](https://badge.fury.io/js/@mapcomponents%2Fra-geospatial.svg)](https://badge.fury.io/js/@mapcomponents%2Fra-geospatial) [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) ![downloads](https://img.shields.io/npm/dt/@mapcomponents%2Fra-geospatial.svg) ![downloads](https://img.shields.io/npm/dm/@mapcomponents%2Fra-geospatial.svg)
+
+Input and view components to work with geospatial data in react admin. This package is based on @mapcomponents/react-maplibre and uses MapLibre-gl to display geospatial data on a map.
+
+![RaGeospatialInput & RaGeospatialShow](https://github.com/mapcomponents/ra-geospatial/blob/main/assets/ra_geospatial_screenshots.png?raw=true)
+
+RaGeospatialInput & RaGeospatialShow used to edit a polygon geometry in a react-admin application.
+
+## Demos
+
+- [react admin & mapcomponents Demo](https://cioddi.github.io/mc-react-admin-apps/react-admin-demo)
+- [webGIS Demo (embeddedMap: false)](https://cioddi.github.io/mc-react-admin-apps/webgis-demo)
+
+## Installation
+
+```bash
+yarn add @mapcomponents/ra-geospatial
+```
+
+## Exports
+
+### RaGeospatialInput
+
+Input component to edit or create geospatial data.
+
+### RaGeospatialShow
+
+Show component to display geospatial data.
+
+#### Props
+
+- **embeddedMap**: boolean (default: false) - If true, the map will be embedded in the component. If false, the component will not create it's own MapContext and add a MapLibreMap component but instead expect a MapContext and a MapLibreMap component to be present in the parent component.
+
+## Examples
+
+```JSX
+import {
+  RaGeospatialInput,
+  RaGeospatialShow,
+} from "@mapcomponents/ra-geospatial";
+
+export const PoiEdit = () => (
+  <Edit>
+    <SimpleForm>
+      <TextInput source="title" />
+      <TextInput source="geom" />
+      <RaGeospatialInput source="geom" />
+    </SimpleForm>
+  </Edit>
+);
+export const PoiCreate = () => (
+  <Create>
+    <SimpleForm>
+      <TextInput source="title" />
+      <TextInput source="geom" />
+      <RaGeospatialInput source="geom" />
+    </SimpleForm>
+  </Create>
+);
+
+export const PoiShow = () => (
+  <Show>
+    <SimpleShowLayout>
+      <TextField source="id" />
+      <TextField source="title" />
+      <RaGeospatialShow source="geom" />
+    </SimpleShowLayout>
+  </Show>
+);
+```

package/dist/components/GeospatialInput.d.ts

@@ -0,0 +1,9 @@
+import { GeospatialInputMapProps } from './GeospatialInputMap.js';
+declare function GeospatialInput(props: GeospatialInputMapProps): import("react/jsx-runtime").JSX.Element;
+declare namespace GeospatialInput {
+    var defaultProps: {
+        embeddedMap: boolean;
+    };
+}
+export default GeospatialInput;
+//# sourceMappingURL=GeospatialInput.d.ts.map

package/dist/components/GeospatialInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeospatialInput.d.ts","sourceRoot":"","sources":["../../src/components/GeospatialInput.tsx"],"names":[],"mappings":"AACA,OAA2B,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAEtF,iBAAS,eAAe,CAAC,KAAK,EAAE,uBAAuB,2CAYtD;kBAZQ,eAAe;;;;;AAiBxB,eAAe,eAAe,CAAC"}

package/dist/components/GeospatialInputMap.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { InputProps } from 'react-admin';
+import { MapLibreMap } from '@mapcomponents/react-maplibre';
+export interface GeospatialInputMapProps extends InputProps<any> {
+    MapLibreMapProps?: React.ComponentProps<typeof MapLibreMap>;
+    geometrytype?: 'point' | 'line' | 'polygon';
+    embeddedMap?: boolean;
+    mapId?: string;
+}
+declare function GeospatialInputMap(props: GeospatialInputMapProps): import("react/jsx-runtime").JSX.Element;
+declare namespace GeospatialInputMap {
+    var defaultProps: {
+        type: string;
+        embeddedMap: boolean;
+    };
+}
+export default GeospatialInputMap;
+//# sourceMappingURL=GeospatialInputMap.d.ts.map

package/dist/components/GeospatialInputMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeospatialInputMap.d.ts","sourceRoot":"","sources":["../../src/components/GeospatialInputMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAA8B,MAAM,aAAa,CAAC;AAGrE,OAAO,EACN,WAAW,EAIX,MAAM,+BAA+B,CAAC;AAMvC,MAAM,WAAW,uBAAwB,SAAQ,UAAU,CAAC,GAAG,CAAC;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA6JzD;kBA7JQ,kBAAkB;;;;;;AAoK3B,eAAe,kBAAkB,CAAC"}

package/dist/components/GeospatialShow.d.ts

@@ -0,0 +1,9 @@
+import { GeospatialShowMapProps } from './GeospatialShowMap.js';
+declare function GeospatialShow(props: GeospatialShowMapProps): import("react/jsx-runtime").JSX.Element;
+declare namespace GeospatialShow {
+    var defaultProps: {
+        embeddedMap: boolean;
+    };
+}
+export default GeospatialShow;
+//# sourceMappingURL=GeospatialShow.d.ts.map

package/dist/components/GeospatialShow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeospatialShow.d.ts","sourceRoot":"","sources":["../../src/components/GeospatialShow.tsx"],"names":[],"mappings":"AACA,OAAwB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEjF,iBAAS,cAAc,CAAC,KAAK,EAAE,sBAAsB,2CAYpD;kBAZQ,cAAc;;;;;AAiBvB,eAAe,cAAc,CAAC"}

package/dist/components/GeospatialShowMap.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { InputProps } from 'react-admin';
+import { MapLibreMap } from '@mapcomponents/react-maplibre';
+export interface GeospatialShowMapProps extends InputProps<any> {
+    MapLibreMapProps?: React.ComponentProps<typeof MapLibreMap>;
+    embeddedMap?: boolean;
+    mapId?: string;
+}
+declare function GeospatialShowMap(props: GeospatialShowMapProps): import("react/jsx-runtime").JSX.Element;
+export default GeospatialShowMap;
+//# sourceMappingURL=GeospatialShowMap.d.ts.map

package/dist/components/GeospatialShowMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeospatialShowMap.d.ts","sourceRoot":"","sources":["../../src/components/GeospatialShowMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAoB,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAE,WAAW,EAA0B,MAAM,+BAA+B,CAAC;AAKpF,MAAM,WAAW,sBAAuB,SAAQ,UAAU,CAAC,GAAG,CAAC;IAC9D,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoDvD;AAED,eAAe,iBAAiB,CAAC"}

package/dist/contexts/DataContext.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export default function DataContextProvider(props: any): import("react/jsx-runtime").JSX.Element;
+export const DataContext: React.Context<any>;
+//# sourceMappingURL=DataContext.d.ts.map

package/dist/contexts/DataContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataContext.d.ts","sourceRoot":"","sources":["../../src/contexts/DataContext.jsx"],"names":[],"mappings":"AAOA,iGA0DC;AA5DD,6CAAiD;kBALN,OAAO"}

package/dist/contexts/dataProvider.d.ts

@@ -0,0 +1,35 @@
+export declare const defaultData: {
+    pois: {
+        id: number;
+        title: string;
+        geom: string;
+    }[];
+    properties: {
+        id: number;
+        title: string;
+        geom: string;
+    }[];
+    routes: {
+        id: number;
+        title: string;
+        geom: string;
+    }[];
+};
+export declare const dataProvider: {
+    getList: (resource: any, params: any) => Promise<import('react-admin').GetListResult<any> | {
+        data: never[];
+        total: number;
+    }>;
+    getOne: (resource: any, params: any) => Promise<import('react-admin').GetOneResult<any>>;
+    getMany: (resource: any, params: any) => Promise<import('react-admin').GetManyResult<any>>;
+    getManyReference: (resource: any, params: any) => Promise<import('react-admin').GetManyReferenceResult<any> | {
+        data: never[];
+        total: number;
+    }>;
+    update: (resource: any, params: any) => Promise<import('react-admin').UpdateResult<any>>;
+    updateMany: (resource: any, params: any) => Promise<import('react-admin').UpdateManyResult<any>>;
+    create: (resource: any, params: any) => Promise<import('react-admin').CreateResult<any>>;
+    delete: (resource: any, params: any) => Promise<import('react-admin').DeleteResult<any>>;
+    deleteMany: (resource: any, params: any) => Promise<import('react-admin').DeleteManyResult<any>>;
+};
+//# sourceMappingURL=dataProvider.d.ts.map

package/dist/contexts/dataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataProvider.d.ts","sourceRoot":"","sources":["../../src/contexts/dataProvider.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;CAsBvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;CAGvB,CAAC"}

package/dist/contexts/lsDataProvider.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Respond to react-admin data queries using a local database persisted in localStorage
+ *
+ * Useful for local-first web apps. The storage is shared between tabs.
+ *
+ * @example // initialize with no data
+ *
+ * import localStorageDataProvider from 'ra-data-local-storage';
+ * const dataProvider.tsx = localStorageDataProvider();
+ *
+ * @example // initialize with default data (will be ignored if data has been modified by user)
+ *
+ * import localStorageDataProvider from 'ra-data-local-storage';
+ * const dataProvider.tsx = localStorageDataProvider({
+ *   defaultData: {
+ *     posts: [
+ *       { id: 0, title: 'Hello, world!' },
+ *       { id: 1, title: 'FooBar' },
+ *     ],
+ *     comments: [
+ *       { id: 0, post_id: 0, author: 'John Doe', body: 'Sensational!' },
+ *       { id: 1, post_id: 0, author: 'Jane Doe', body: 'I agree' },
+ *     ],
+ *   }
+ * });
+ */
+export default function localStorageDataProvider(params: any): {
+    getList: (resource: any, params: any) => Promise<import('react-admin').GetListResult<any> | {
+        data: never[];
+        total: number;
+    }>;
+    getOne: (resource: any, params: any) => Promise<import('react-admin').GetOneResult<any>>;
+    getMany: (resource: any, params: any) => Promise<import('react-admin').GetManyResult<any>>;
+    getManyReference: (resource: any, params: any) => Promise<import('react-admin').GetManyReferenceResult<any> | {
+        data: never[];
+        total: number;
+    }>;
+    update: (resource: any, params: any) => Promise<import('react-admin').UpdateResult<any>>;
+    updateMany: (resource: any, params: any) => Promise<import('react-admin').UpdateManyResult<any>>;
+    create: (resource: any, params: any) => Promise<import('react-admin').CreateResult<any>>;
+    delete: (resource: any, params: any) => Promise<import('react-admin').DeleteResult<any>>;
+    deleteMany: (resource: any, params: any) => Promise<import('react-admin').DeleteManyResult<any>>;
+};
+//# sourceMappingURL=lsDataProvider.d.ts.map

package/dist/contexts/lsDataProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lsDataProvider.d.ts","sourceRoot":"","sources":["../../src/contexts/lsDataProvider.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH;;;;;;;;;;;;;;;;EA4GC"}

package/dist/decorators/ReactAdminDefaultDecorator.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const ReactAdminDefaultDecorator: (Story: React.ComponentType, context: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReactAdminDefaultDecorator.d.ts.map

package/dist/decorators/ReactAdminDefaultDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactAdminDefaultDecorator.d.ts","sourceRoot":"","sources":["../../src/decorators/ReactAdminDefaultDecorator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,0BAA0B,GAAI,OAAO,KAAK,CAAC,aAAa,EAAE,SAAS,GAAG,4CAgClF,CAAC"}