@mapcomponents/react-maplibre 1.0.8 → 1.0.10

package/dist/src/stores/map.store.d.ts

@@ -0,0 +1,105 @@
+import { MlGeoJsonLayerProps } from 'src/components/MlGeoJsonLayer/MlGeoJsonLayer';
+import { MlVectorTileLayerProps } from 'src/components/MlVectorTileLayer/MlVectorTileLayer';
+import { Layer } from 'wms-capabilities';
+import { MlWmsLayerProps } from '../components/MlWmsLayer/MlWmsLayer';
+export interface wmsLoaderConfigProps {
+    getFeatureInfoUrl: string;
+    layers: Layer[];
+    name: string;
+    open: boolean;
+    visible: boolean;
+    wmsUrl: string;
+}
+export interface wmsConfig {
+    featureInfoActive?: boolean;
+    config?: wmsLoaderConfigProps;
+    url: string;
+}
+export type WmsLayerConfig = {
+    type: 'wms';
+    uuid: string;
+    name?: string;
+    id?: string;
+    config?: MlWmsLayerProps;
+    masterVisible?: boolean;
+};
+export type GeojsonLayerConfig = {
+    type: 'geojson';
+    uuid: string;
+    name?: string;
+    id?: string;
+    config: MlGeoJsonLayerProps;
+    masterVisible?: boolean;
+    configurable?: boolean;
+};
+export type VtLayerConfig = {
+    type: 'vt';
+    uuid: string;
+    name?: string;
+    id?: string;
+    config: MlVectorTileLayerProps;
+    visible?: boolean;
+    masterVisible?: boolean;
+};
+export type FolderLayerConfig = {
+    type: 'folder';
+    uuid: string;
+    name?: string;
+    visible?: boolean;
+    masterVisible?: boolean;
+    id?: string;
+    config?: undefined;
+};
+export type LayerConfig = WmsLayerConfig | GeojsonLayerConfig | VtLayerConfig | FolderLayerConfig;
+export interface MapProps {
+    center: [number, number];
+    zoom: number;
+}
+export interface LayerOrderItem {
+    uuid: string;
+    layers?: LayerOrderItem[];
+}
+export interface MapConfig {
+    name: string;
+    mapProps: MapProps;
+    layers: LayerConfig[];
+    layerOrder: LayerOrderItem[];
+}
+export type MapState = {
+    mapConfigs: {
+        [key: string]: MapConfig;
+    };
+};
+export type RootState = {
+    mapConfig: MapState;
+};
+export declare const initialState: MapState;
+export declare const getLayerByUuid: (state: MapState, uuid: string) => LayerConfig | null;
+export declare const extractUuidsFromLayerOrder: (state: RootState, mapConfigKey: string) => string[];
+declare const store: import("@reduxjs/toolkit").EnhancedStore<{
+    mapConfig: MapState;
+}, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
+    dispatch: import("redux-thunk").ThunkDispatch<{
+        mapConfig: MapState;
+    }, undefined, import("redux").UnknownAction>;
+}>, import("redux").StoreEnhancer]>>;
+export declare const setMapConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    key: string;
+    mapConfig: MapConfig;
+}, "mapConfig/setMapConfig">, removeMapConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    key: string;
+}, "mapConfig/removeMapConfig">, setLayerInMapConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    mapConfigKey: string;
+    layer: LayerConfig;
+}, "mapConfig/setLayerInMapConfig">, removeLayerFromMapConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    mapConfigKey: string;
+    layerUuid: string;
+}, "mapConfig/removeLayerFromMapConfig">, updateLayerOrder: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    mapConfigKey: string;
+    newOrder: LayerOrderItem[];
+}, "mapConfig/updateLayerOrder">, setMasterVisible: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    mapConfigKey: string;
+    layerId: string;
+    masterVisible: boolean;
+}, "mapConfig/setMasterVisible">;
+export default store;

package/dist/{ui_components → src/ui_components}/ColorPicker/ColorPicker.d.ts

@@ -2,8 +2,6 @@ import React from 'react';
 export interface ColorPickerProps {
     onChange?: (value: string) => void;
     convert: 'rgb' | 'rgba' | 'rgba_hex' | 'hex' | 'rgba_rgb';
-    internalValue?: string;
-    setValue?: (value: string) => void;
     value?: string;
 }
 declare const ColorPicker: {

package/dist/{ui_components → src/ui_components}/LayerList/util/LayerListItemVectorLayer.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
 import { MlVectorTileLayerProps } from '../../../components/MlVectorTileLayer/MlVectorTileLayer';
-export declare const ListItemStyled: import("@emotion/styled").StyledComponent<{
-    button?: false | undefined;
-} & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+export declare const ListItemStyled: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
-}, "className" | "style" | "classes" | "button" | "children" | "disabled" | "sx" | "autoFocus" | "components" | "componentsProps" | "slotProps" | "slots" | "alignItems" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "children" | "components" | "componentsProps" | "slotProps" | "slots" | "alignItems" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CheckboxListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CheckboxStyled: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 interface LayerListItemVectorLayerProps {

package/dist/src/ui_components/LayerTree/LayerOnMap.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface LayerOnMapProps {
+    mapConfigKey: string;
+    mapId?: string;
+}
+declare function LayerOnMap(props: LayerOnMapProps): React.JSX.Element;
+export default LayerOnMap;

package/dist/src/ui_components/LayerTree/LayerTree.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LayerTreeProps {
+    mapConfigKey: string;
+}
+declare function LayerTree(props: LayerTreeProps): React.JSX.Element;
+export default LayerTree;

package/dist/src/ui_components/LayerTree/LayerTreeListItem.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { SxProps } from '@mui/material';
+import { LayerOrderItem } from '../../stores/map.store';
+interface LayerTreeListItemProps {
+    visible?: boolean;
+    type?: 'background' | 'background-labels' | 'layer' | 'wms-layer' | 'vector-tile-layer';
+    name?: string;
+    description?: string;
+    setLayerState?: (state: unknown) => void;
+    showDeleteButton?: boolean;
+    listItemSx?: SxProps;
+    buttons?: JSX.Element;
+    sortable?: boolean;
+    mapConfigKey: string;
+    layerOrderConfig: LayerOrderItem;
+}
+declare function LayerTreeListItem(props: LayerTreeListItemProps): React.JSX.Element;
+export default LayerTreeListItem;

package/dist/src/ui_components/LayerTree/util/LayerPropertyForm.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification } from 'maplibre-gl';
+export type paintPropsType = CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+interface LayerPropertyFormProps {
+    layerUuid: string;
+    mapConfigKey: string;
+}
+declare function LayerPropertyForm(props: LayerPropertyFormProps): React.JSX.Element;
+export default LayerPropertyForm;

package/dist/src/ui_components/LayerTree/util/input/ColorPicker.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface PaintPropsColorPickerProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+declare function PaintPropsColorPicker(props: PaintPropsColorPickerProps): React.JSX.Element;
+export default PaintPropsColorPicker;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mapcomponents/react-maplibre",
-	"version": "1.0.8",
+	"version": "1.0.10",
 	"main": "dist/index.cjs.js",
 	"license": "MIT",
 	"module": "dist/index.esm.js",
@@ -23,16 +23,19 @@
 		"@dnd-kit/core": "^6.1.0",
 		"@dnd-kit/modifiers": "^7.0.0",
 		"@dnd-kit/sortable": "^8.0.0",
-		"@emotion/css": "^11.11.2",
-		"@emotion/react": "^11.11.3",
-		"@emotion/styled": "^11.11.0",
+		"@emotion/css": "^11.13.0",
+		"@emotion/react": "^11.13.3",
+		"@emotion/styled": "^11.13.0",
 		"@mapbox/mapbox-gl-draw": "^1.4.3",
 		"@mapbox/mapbox-gl-sync-move": "^0.3.1",
-		"@mui/icons-material": "^5.15.9",
-		"@mui/material": "^5.15.9",
+		"@mui/icons-material": "^6.1.1",
+		"@mui/material": "^6.1.1",
+		"@reduxjs/toolkit": "^2.0.1",
+		"@rollup/plugin-json": "^6.1.0",
 		"@tmcw/togeojson": "^5.8.1",
-		"@turf/turf": "^6.5.0",
+		"@turf/turf": "^7.1.0",
 		"@types/d3": "^7.4.3",
+		"@types/geojson": "^7946.0.14",
 		"@types/react-color": "^3.0.11",
 		"@types/topojson-client": "^3.1.4",
 		"@xmldom/xmldom": "^0.8.10",
@@ -44,6 +47,9 @@
 		"pako": "^2.1.0",
 		"react-color": "^2.19.3",
 		"react-moveable": "^0.56.0",
+		"react-redux": "^9.1.2",
+		"redux": "^5.0.1",
+		"redux-thunk": "^3.1.0",
 		"three": "^0.161.0",
 		"topojson-client": "^3.1.0",
 		"uuid": "^9.0.1",
@@ -54,7 +60,7 @@
 		"@babel/preset-react": "^7.23.3",
 		"@bahmutov/cy-rollup": "^2.0.0",
 		"@cfaester/enzyme-adapter-react-18": "^0.7.1",
-		"@cypress/react": "^8.0.0",
+		"@cypress/react18": "^2.0.1",
 		"@rollup/plugin-babel": "^6.0.4",
 		"@rollup/plugin-commonjs": "^25.0.7",
 		"@rollup/plugin-url": "^8.0.2",

package/rollup.config.mjs

@@ -9,8 +9,9 @@ import externals from 'rollup-plugin-node-externals';
 import css from 'rollup-plugin-import-css';
 import del from 'rollup-plugin-delete';
 import svgr from '@svgr/rollup';
+import * as fs from 'node:fs';
 
-import pkg from './package.json' assert {type:"json"};
+const pkg = JSON.parse(fs.readFileSync('package.json', 'utf8'));
 
 const externalsConfig = {
 	deps: true,

package/dist/components/MlClientSearch/lib/createGeojsonFeature.d.ts

@@ -1,3 +0,0 @@
-type ExcludedGeometryCollection = GeoJSON.Point | GeoJSON.MultiPoint | GeoJSON.LineString | GeoJSON.MultiLineString | GeoJSON.Polygon;
-export declare function createGeoJSONFeature(coordinates: ExcludedGeometryCollection['coordinates']): GeoJSON.Feature<ExcludedGeometryCollection>;
-export {};

package/dist/components/MlGeoJsonLayer/util/getDefaultLayerTypeByGeometry.d.ts

@@ -1,2 +0,0 @@
-declare const getDefaulLayerTypeByGeometry: Function;
-export default getDefaulLayerTypeByGeometry;