npm - @mapcomponents/react-maplibre - Versions diffs - 0.1.61 → 0.1.63 - Mend

@mapcomponents/react-maplibre 0.1.61 → 0.1.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

package/cypress/support/commands.ts ADDED Viewed

@@ -0,0 +1,37 @@
+/// <reference types="cypress" />
+// ***********************************************
+// This example commands.ts shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+//
+// declare global {
+//   namespace Cypress {
+//     interface Chainable {
+//       login(email: string, password: string): Chainable<void>
+//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
+//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
+//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
+//     }
+//   }
+// }

package/cypress/support/component-index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>

package/cypress/support/component.ts ADDED Viewed

@@ -0,0 +1,46 @@
+// ***********************************************************
+// This example support/component.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+import { setGlobalConfig } from "@storybook/testing-react";
+import * as sbPreview from "../../.storybook/preview";
+setGlobalConfig(sbPreview);
+// Import commands.js using ES2015 syntax:
+import './commands'
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+import { mount } from 'cypress/react'
+//import MlCreatePdfForm from "../../src/components/MlCreatePdfForm/MlCreatePdfForm";
+// Augment the Cypress namespace to include type definitions for
+// your custom command.
+// Alternatively, can be defined in cypress/support/component.d.ts
+// with a <reference path="./component" /> at the top of your spec.
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace Cypress {
+    interface Chainable {
+      mount: typeof mount
+    }
+  }
+}
+Cypress.Commands.add('mount', mount)
+// Example use:
+// cy.mount(<MyComponent />)

package/cypress.config.ts ADDED Viewed

@@ -0,0 +1,101 @@
+import { defineConfig } from 'cypress';
+//const isRunningInCI = process.env.CI === 'true';
+export default defineConfig({
+	component: {
+		//supportFile: './cypress/support/component.js',
+		devServer: {
+			framework: 'react',
+			bundler: 'webpack',
+			webpackConfig: {
+				mode: 'development',
+				resolve: {
+					extensions: ['.mjs', '.js', '.jsx', '.json', '.cjs', '.ts', '.tsx'],
+				},
+				module: {
+					rules: [
+						{
+							test: /\.(js|jsx|tsx|ts)$/, // USE THE babel-loader FOR THESE FILE EXTENSIONS
+							use: [
+								{
+									loader: 'babel-loader',
+									options: {
+										sourceType: 'unambiguous',
+										presets: [
+											['@babel/preset-env', { shippedProposals: true, loose: true }],
+											'@babel/preset-typescript',
+											'@babel/preset-react',
+										],
+										plugins: [
+											'@babel/plugin-transform-shorthand-properties',
+											'@babel/plugin-transform-block-scoping',
+											['@babel/plugin-proposal-decorators', { legacy: true }],
+											['@babel/plugin-proposal-class-properties', { loose: true }],
+											['@babel/plugin-proposal-private-methods', { loose: true }],
+											'@babel/plugin-proposal-export-default-from',
+											'@babel/plugin-syntax-dynamic-import',
+											[
+												'@babel/plugin-proposal-object-rest-spread',
+												{ loose: true, useBuiltIns: true },
+											],
+											'@babel/plugin-transform-classes',
+											'@babel/plugin-transform-arrow-functions',
+											'@babel/plugin-transform-parameters',
+											'@babel/plugin-transform-destructuring',
+											'@babel/plugin-transform-spread',
+											'@babel/plugin-transform-for-of',
+											'@storybook/core-common/node_modules/babel-plugin-macros',
+											'@babel/plugin-proposal-optional-chaining',
+											'@babel/plugin-proposal-nullish-coalescing-operator',
+											[
+												'babel-plugin-polyfill-corejs3',
+												{
+													method: 'usage-global',
+													absoluteImports: 'core-js',
+													version: '3.21.1',
+												},
+											],
+											'@babel/plugin-transform-template-literals',
+										],
+										babelrc: true,
+										configFile: false,
+									},
+								},
+							],
+							exclude: [ /node_modules/, /dist/ ]
+						},
+						/*{
+							test: /\.(ts|tsx)$/,
+							exclude: [/node_modules/],
+							use: {
+								loader: require.resolve('babel-loader'),
+								options: {
+									plugins: [],
+									presets: ['@babel/preset-typescript'],
+									babelrc: false,
+								},
+							},
+						},*/
+						{
+							test: /\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/,
+							loader: 'file-loader',
+							options: { name: 'static/media/[path][name].[ext]' },
+						},
+						{
+							test: /\.css$/,
+							use: [
+								'style-loader',
+								{
+									loader: 'css-loader',
+									options: { importLoaders: 1 },
+								},
+							],
+						},
+					],
+				},
+			},
+		},
+	},
+});

package/dist/components/MapLibreMap/MapLibreMap.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { MapOptions as MapOptionsType } from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
-declare type MapLibreMapProps = {
+type MapLibreMapProps = {
     /**
      * Id of the MapLibreGl(Wrapper) instance in mapContext
      */

package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
 import { IControl, MapOptions as MapOptionsType } from "!maplibre-gl";
 import { Map as MapType } from "maplibre-gl";
-declare type EventArgArray = [string, string | Function, Function?];
-declare type LayerState = {
+type EventArgArray = [string, string | Function, Function?];
+type LayerState = {
     id: string;
     type: string;
     visible: boolean;
     baseLayer: boolean;
 };
-declare type ViewportState = {
+type ViewportState = {
     center: {
         lng: number;
         lat: number;

package/dist/components/MlCreatePdfForm/MlCreatePdfForm.cy.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/components/MlCreatePdfForm/MlCreatePdfForm.stories.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import './lib/preview.css';
 declare const storyoptions: {
     title: string;
     component: {

package/dist/components/MlCreatePdfForm/lib/PdfContext.d.ts CHANGED Viewed

@@ -1,19 +1,6 @@
-import React, { MutableRefObject } from 'react';
-import { Feature } from '@turf/turf';
-interface PdfContextInterface {
-    format: string;
-    setFormat: (format: string) => void;
-    quality: string;
-    setQuality: (quality: string) => void;
-    orientation: string;
-    setOrientation: (orientation: string) => void;
-    geojsonRef: MutableRefObject<Feature | undefined>;
-    template: {
-        width: number;
-        height: number;
-    };
-}
-declare const PdfContext: React.Context<Partial<PdfContextInterface>>;
+import React from 'react';
+import { PdfContextInterface } from './pdfContext';
+declare const PdfContext: React.Context<PdfContextInterface>;
 declare const PdfContextProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;

package/dist/components/MlCreatePdfForm/lib/PdfPreview.d.ts CHANGED Viewed

@@ -1,13 +1,26 @@
-interface PdfPreviewProps {
+import React from 'react';
+import { PdfPreviewOptions } from './pdfContext';
+import { Feature } from '@turf/turf';
+type Props = {
     /**
      * Id of the target MapLibre instance in mapContext
      */
     mapId?: string;
     /**
-     * Id of an existing layer in the mapLibre instance to help specify the layer order
-     * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
+     * Polygon GeoJson Feature representing the printing area
      */
-    insertBeforeLayer?: string;
-}
-export default function PdfPreview(props: PdfPreviewProps): JSX.Element;
+    geojsonRef: React.MutableRefObject<Feature | undefined>;
+    /**
+     * a state variable containing the PDF previews current state
+     */
+    options: PdfPreviewOptions;
+    /**
+     * setter function to update the current PDF preview state
+     */
+    setOptions: (arg1: (val: PdfPreviewOptions) => PdfPreviewOptions) => void;
+};
+/**
+ * PdfPreview component renders a transformable (drag, scale, rotate) preview of the desired export or print content
+ */
+export default function PdfPreview(props: Props): JSX.Element;
 export {};

package/dist/components/MlCreatePdfForm/lib/_PdfPreview.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+interface PdfPreviewProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * Id of an existing layer in the mapLibre instance to help specify the layer order
+     * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
+     */
+    insertBeforeLayer?: string;
+}
+export default function PdfPreview(props: PdfPreviewProps): JSX.Element;
+export {};

package/dist/components/MlFeatureEditor/MlFeatureEditor.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
-import "./MlFeatureEditor.css";
-import "@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css";
+import './MlFeatureEditor.css';
+import '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css';
+import { GeoJSONObject, Feature } from '@turf/turf';
 interface MlFeatureEditorProps {
     /**
      * Id of the target MapLibre instance in mapContext
@@ -13,12 +14,17 @@ interface MlFeatureEditorProps {
     /**
      * Input GeoJson data at initialization
      */
-    geojson?: any;
+    geojson?: Feature;
     /**
      * Callback function that is called each time the GeoJson data within has changed within MlFeatureEditor.
      * First parameter is the new GeoJson feature.
      */
-    onChange?: Function;
+    onChange?: (para: GeoJSONObject[]) => void;
+    /**
+     * Callback function that is called each time the GeoJson data within has been finished within MlFeatureEditor.
+     * First parameter is the new GeoJson feature.
+     */
+    onFinish?: () => void;
     /**
      * Feature editor mode:
      * - "custom_select" edit features

package/dist/components/MlFeatureEditor/lib/double_click_zoom.d.ts CHANGED Viewed

@@ -1,7 +1,5 @@
 export default doubleClickZoom;
 declare namespace doubleClickZoom {
     function enable(ctx: any): void;
-    function enable(ctx: any): void;
-    function disable(ctx: any): void;
     function disable(ctx: any): void;
 }

package/dist/components/MlFeatureEditor/lib/theme.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare var _default: ({
+declare const _default: ({
     id: string;
     type: string;
     filter: (string | string[])[];

package/dist/components/MlGPXViewer/util/GeoJsonContext.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 import { FeatureCollection } from '@turf/turf';
-declare type ContextProps = {
+type ContextProps = {
     data: FeatureCollection;
     setData: Function;
     getEmptyFeatureCollection: Function;

package/dist/components/MlGPXViewer/util/MlGPXViewerInstructions.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export default function MlGPXViewerInstructions(props: any): JSX.Element;

package/dist/components/MlGPXViewer/util/SampleLayer.d.ts ADDED Viewed

File without changes

package/dist/components/MlGPXViewer/util/demoViewer.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export default MlGPXDemoLoader;
+/**
+ * MlSpatialElevationProfileDemoViewer returns a button to load a Demo GPX Track into the map.
+ */
+declare function MlGPXDemoLoader(props: any): JSX.Element;

package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { Feature, FeatureCollection } from "@turf/turf";
-import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, MapLayerMouseEvent } from "maplibre-gl";
-declare type MlGeoJsonLayerProps = {
+import { Feature, FeatureCollection } from '@turf/turf';
+import { LineLayerSpecification, CircleLayerSpecification, FillLayerSpecification, MapLayerMouseEvent } from 'maplibre-gl';
+type MlGeoJsonLayerProps = {
     /**
      * Id of the target MapLibre instance in mapContext
      */
@@ -24,7 +24,7 @@ declare type MlGeoJsonLayerProps = {
      * Type of the layer that will be added to the MapLibre instance.
      * Possible values: "line", "circle", "fill"
      */
-    type?: "fill" | "line" | "circle";
+    type?: 'fill' | 'line' | 'circle';
     /**
      * Paint property object, that is passed to the addLayer call.
      * Possible props depend on the layer type.

package/dist/components/MlGeoJsonLayer/MlGeoJsonLayer.stories.d.ts CHANGED Viewed

@@ -1,12 +1,104 @@
+declare const storyoptions: {
+    title: string;
+    component: (props: {
+        mapId?: string | undefined;
+        insertBeforeLayer?: string | undefined;
+        layerId?: string | undefined;
+        geojson: import("@turf/turf").Feature<import("@turf/turf").Geometry | import("@turf/turf").GeometryCollection, import("@turf/turf").Properties> | import("@turf/turf").FeatureCollection<import("@turf/turf").Geometry | import("@turf/turf").GeometryCollection, import("@turf/turf").Properties> | undefined;
+        type?: "circle" | "line" | "fill" | undefined;
+        paint?: {
+            "circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+            "circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+            "circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+            "circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+            "circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+            "circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+            "circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+        } | {
+            "fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean> | undefined;
+            "fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+            "fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+            "fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+            "fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+            "fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+        } | {
+            "line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+            "line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+            "line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+            "line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            "line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<number[]> | undefined;
+            "line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+            "line-gradient"?: import("maplibre-gl").ExpressionSpecification | undefined;
+        } | undefined;
+        layout?: {
+            "circle-sort-key"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            visibility?: "none" | "visible" | undefined;
+        } | {
+            "fill-sort-key"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            visibility?: "none" | "visible" | undefined;
+        } | {
+            "line-cap"?: import("maplibre-gl").PropertyValueSpecification<"square" | "round" | "butt"> | undefined;
+            "line-join"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<"round" | "bevel" | "miter"> | undefined;
+            "line-miter-limit"?: import("maplibre-gl").PropertyValueSpecification<number> | undefined;
+            "line-round-limit"?: import("maplibre-gl").PropertyValueSpecification<number> | undefined;
+            "line-sort-key"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            visibility?: "none" | "visible" | undefined;
+        } | undefined;
+        options?: import("maplibre-gl").CircleLayerSpecification | import("maplibre-gl").FillLayerSpecification | import("maplibre-gl").LineLayerSpecification | undefined;
+        defaultPaintOverrides?: {
+            circle?: {
+                "circle-radius"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "circle-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+                "circle-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "circle-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "circle-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+                "circle-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+                "circle-pitch-scale"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+                "circle-pitch-alignment"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+                "circle-stroke-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "circle-stroke-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+                "circle-stroke-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+            } | undefined;
+            fill?: {
+                "fill-antialias"?: import("maplibre-gl").PropertyValueSpecification<boolean> | undefined;
+                "fill-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "fill-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+                "fill-outline-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+                "fill-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+                "fill-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+                "fill-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+            } | undefined;
+            line?: {
+                "line-opacity"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "line-color"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+                "line-translate"?: import("maplibre-gl").PropertyValueSpecification<[number, number]> | undefined;
+                "line-translate-anchor"?: import("maplibre-gl").PropertyValueSpecification<"map" | "viewport"> | undefined;
+                "line-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "line-gap-width"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "line-offset"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "line-blur"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<number> | undefined;
+                "line-dasharray"?: import("maplibre-gl").PropertyValueSpecification<number[]> | undefined;
+                "line-pattern"?: import("maplibre-gl").DataDrivenPropertyValueSpecification<string> | undefined;
+                "line-gradient"?: import("maplibre-gl").ExpressionSpecification | undefined;
+            } | undefined;
+        } | undefined;
+        onHover?: import("maplibre-gl").MapLayerMouseEvent | undefined;
+        onClick?: import("maplibre-gl").MapLayerMouseEvent | undefined;
+        onLeave?: import("maplibre-gl").MapLayerMouseEvent | undefined;
+    }) => JSX.Element;
+    argTypes: {};
+    decorators: ((Story: any) => JSX.Element)[];
+};
 export default storyoptions;
-export const Linestring: any;
-export const Polygon: any;
-export const DefaultPaintOverrides: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MlGeoJsonLayer as component };
-    export const argTypes: {};
-    export { mapContextDecorator as decorators };
-}
-import MlGeoJsonLayer from "./MlGeoJsonLayer";
-import mapContextDecorator from "../../decorators/MapContextDecorator";
+export declare const Linestring: any;
+export declare const Polygon: any;
+export declare const DefaultPaintOverrides: any;

package/dist/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.lineStyler.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default LineStyler;
2	+ declare function LineStyler(props: any): JSX.Element;

package/dist/components/MlGeoJsonLayer/story_utils/MlGeoJsonLayer.polygonStyler.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export default PolygonStyler;
2	+ declare function PolygonStyler(props: any): JSX.Element;

package/dist/components/MlSketchTool/LayerList/ColorPicker.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { paintPropsType } from './LayerPropertyForm';
+type Props = {
+    key: string;
+    value: string;
+    propKey: string;
+    setPaintProps: (paintProps: paintPropsType | ((current: paintPropsType) => paintPropsType)) => void;
+};
+export default function PaintPropsColorPicker({ propKey, value, setPaintProps }: Props): JSX.Element;
+export {};

package/dist/components/MlSketchTool/LayerList/LayerList.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+type Props = {
+    children: JSX.Element;
+};
+declare function LayerList({ children }: Props): JSX.Element;
+export default LayerList;

package/dist/components/MlSketchTool/LayerList/LayerListItem.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+type Props = {
+    layerComponent: JSX.Element;
+    visible: boolean;
+    configurable: boolean;
+    type?: 'background' | 'background-labels' | 'layer' | 'wms-layer' | 'vector-tile-layer';
+    name: string;
+    description?: string;
+    additionalButtons?: JSX.Element;
+};
+declare function LayerListItem({ layerComponent, visible, type, name, description, configurable, }: Props): JSX.Element;
+export default LayerListItem;

package/dist/components/MlSketchTool/LayerList/LayerPropertyForm.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification } from 'maplibre-gl';
+export type paintPropsType = CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+type Props = {
+    paintProps: paintPropsType;
+    setPaintProps: (paintProps: paintPropsType | ((current: paintPropsType) => paintPropsType)) => void;
+    layerType: string;
+};
+export default function LayerPropertyForm({ paintProps, setPaintProps }: Props): JSX.Element;
+export {};

package/dist/components/MlSketchTool/MlSketchTool.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { SxProps } from '@mui/system/styleFunctionSx/styleFunctionSx';
+interface MlSketchToolProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * Id of an existing layer in the mapLibre instance to help specify the layer order
+     * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
+     */
+    insertBeforeLayer?: string;
+    /**
+     * Style attribute for the button-style
+     * https://mui.com/system/getting-started/the-sx-prop/
+     */
+    buttonStyleOverride?: SxProps;
+}
+/**
+ * Component template
+ *
+ */
+declare const MlSketchTool: {
+    (props: MlSketchToolProps): JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+        buttonStyleOverride: {};
+    };
+};
+export default MlSketchTool;

package/dist/components/MlSketchTool/MlSketchTool.stories.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export default storyoptions;
+export const ExampleConfig: any;
+declare namespace storyoptions {
+    export const title: string;
+    export { MlSketchTool as component };
+    export const argTypes: {};
+    export { mapContextDecorator as decorators };
+}
+import MlSketchTool from "./MlSketchTool";
+import mapContextDecorator from "../../decorators/MapContextDecorator";

package/dist/contexts/SimpleDataProvider.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ export default SimpleDataProvider;
 declare function SimpleDataProvider(props: any): JSX.Element;
 declare namespace SimpleDataProvider {
     namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     }
 }
 import PropTypes from "prop-types";

package/dist/custom.d.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ declare module "*.js" {
     const content: any;
     export default content;
 }
-declare type MapContextType = {
+type MapContextType = {
     mapIds: [string?];
     mapExists: Function;
     maps: [];

package/dist/hooks/useLayer.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { SourceSpecification, LayerSpecification } from 'maplibre-gl';
 import MapLibreGlWrapper from '../components/MapLibreMap/lib/MapLibreGlWrapper';
 import { MapLayerMouseEvent } from 'maplibre-gl';
 import { GeoJSONObject } from '@turf/turf';
-declare type useLayerType = {
+type useLayerType = {
     map: MapLibreGlWrapper | undefined;
     layer: LayerSpecification;
     layerId: string;

package/dist/hooks/useMap.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import MapLibreGlWrapper, { LayerState } from "../components/MapLibreMap/lib/MapLibreGlWrapper";
-declare type useMapType = {
+type useMapType = {
     map: MapLibreGlWrapper | undefined;
     mapIsReady: boolean;
     componentId: string;