@mapcomponents/ra-geospatial 1.5.3 → 1.5.4-0

package/.babelrc

@@ -0,0 +1,12 @@
+{
+	"presets": [
+		[
+			"@nx/react/babel",
+			{
+				"runtime": "automatic",
+				"useBuiltIns": "usage"
+			}
+		]
+	],
+	"plugins": []
+}

package/.storybook/main.ts

@@ -0,0 +1,25 @@
+import { dirname, join } from 'node:path';
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+	stories: ['../src/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
+	framework: {
+		name: getAbsolutePath("@storybook/react-vite"),
+		options: {
+			builder: {
+				viteConfigPath: 'vite.config.ts',
+			},
+		},
+	},
+	staticDirs: ['../public'],
+};
+
+export default config;
+
+// To customize your Vite configuration you can use the viteFinal field.
+// Check https://storybook.js.org/docs/react/builders/vite#configuration
+// and https://nx.dev/recipes/storybook/custom-builder-configs
+
+function getAbsolutePath(value: string): any {
+	return dirname(require.resolve(join(value, "package.json")));
+}

package/.storybook/manager.js

@@ -0,0 +1,6 @@
+import { addons } from "@storybook/addons";
+import wheregroupTheme from "./wheregroupTheme";
+
+addons.setConfig({
+  theme: wheregroupTheme,
+});

package/.storybook/preview.ts

@@ -0,0 +1,27 @@
+import './style.css';
+
+export const parameters = {
+	docs: {
+		inlineStories: false,
+	},
+	actions: { argTypesRegex: '^on[A-Z].*' },
+
+};
+
+export const globalTypes = {
+	theme: {
+		name: 'Theme',
+		title: 'Theme',
+		description: 'Theme for your components',
+		defaultValue: 'light',
+		toolbar: {
+			icon: 'paintbrush',
+			dynamicTitle: true,
+			items: [
+				{ value: 'light', left: '☀️', title: 'Light mode' },
+				{ value: 'dark', left: '🌙', title: 'Dark mode' },
+			],
+		},
+	},
+};
+export const tags = ['autodocs'];

package/.storybook/style.css

@@ -0,0 +1,20 @@
+.docs-story > div:first-child{
+  z-index:0;
+}
+
+.docs-story > div > div:first-child, .innerZoomElementWrapper, .innerZoomElementWrapper > div:first-child, .innerZoomElementWrapper > div:first-child > div:first-child{
+
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.docs-story > div > div:first-child{
+  height: initial;
+}
+
+.innerZoomElementWrapper > div > div > div:first-child{
+  height: 100% !important;
+}

package/.storybook/wheregroupTheme.js

@@ -0,0 +1,9 @@
+import { create } from 'storybook/theming';
+import logo from './mapcomponents_logo.png';
+
+export default create({
+	base: 'light',
+	brandTitle: 'WhereGroup GmbH',
+	brandUrl: 'https://wheregroup.com',
+	brandImage: logo,
+});

package/README.md

@@ -4,7 +4,6 @@
 
 [![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)
@@ -72,4 +71,4 @@ export const PoiShow = () => (
     </SimpleShowLayout>
   </Show>
 );
-```
+```

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"}