@biodiv-platform/naksha-maplibre-layers 5.0.1 → 5.0.2

package/dist/esm/index.js

@@ -482,13 +482,13 @@ var LayersContext = createContext(
   {}
 );
 var LayersProvider = ({ mp: _mp, children }) => {
+  var _a;
   const [mp, setMP] = useState(_mp);
   const { mapl } = useMap();
   const [queryTerm, setQueryTerm] = useState("");
   const queryTermDebounced = useDebounce(queryTerm, 500);
-  const [mapStyle, setMapStyle] = useState(
-    defaultMapStyles[(mp == null ? void 0 : mp.mapStyle) || 0].style
-  );
+  const styles = mp.mapStyles && mp.mapStyles.length > 0 ? mp.mapStyles : defaultMapStyles;
+  const [mapStyle, setMapStyle] = useState((_a = styles[(mp == null ? void 0 : mp.mapStyle) || 0]) == null ? void 0 : _a.style);
   const [selectionStyle, setSelectionStyle] = useState(
     SELECTION_STYLE.TOP
   );
@@ -502,12 +502,12 @@ var LayersProvider = ({ mp: _mp, children }) => {
   const [hoverFeatures, setHoverFeatures] = useState();
   const [selectedFeatures, setSelectedFeatures] = useState();
   const selectedFeaturesId = useMemo(() => {
-    var _a;
+    var _a2;
     const meta = {};
     for (const qr of selectedFeatures || []) {
       meta[qr.sourceLayer] = [
         ...meta[qr.sourceLayer] || [],
-        (_a = qr == null ? void 0 : qr.properties) == null ? void 0 : _a[PROPERTY_ID]
+        (_a2 = qr == null ? void 0 : qr.properties) == null ? void 0 : _a2[PROPERTY_ID]
       ];
     }
     return Object.keys(meta).length ? meta : void 0;
@@ -549,7 +549,7 @@ var LayersProvider = ({ mp: _mp, children }) => {
     toggleVectorLayer(layerIndex, styleIndex, false);
   });
   const onMapHover = (e) => __async(void 0, null, function* () {
-    var _a, _b, _c, _d;
+    var _a2, _b, _c, _d;
     if (!selectedLayerIds.length || !mapl)
       return;
     try {
@@ -558,14 +558,14 @@ var LayersProvider = ({ mp: _mp, children }) => {
         layers: [lastLayerId]
       });
       if (feats.length) {
-        const fId = ((_a = feats[0]) == null ? void 0 : _a.id) || ((_c = (_b = feats[0]) == null ? void 0 : _b.properties) == null ? void 0 : _c[PROPERTY_ID]);
+        const fId = ((_a2 = feats[0]) == null ? void 0 : _a2.id) || ((_c = (_b = feats[0]) == null ? void 0 : _b.properties) == null ? void 0 : _c[PROPERTY_ID]);
         if (fId === (hoverFeatures == null ? void 0 : hoverFeatures.id))
           return;
         const layer = layers[getLayerIndexById(lastLayerId)];
         const hoverProperties = (_d = layer == null ? void 0 : layer.data) == null ? void 0 : _d.summaryColumn.map((sc) => {
-          var _a2, _b2, _c2;
+          var _a3, _b2, _c2;
           return [
-            ((_b2 = (_a2 = layer.data) == null ? void 0 : _a2.propertyMap) == null ? void 0 : _b2[sc]) || sc,
+            ((_b2 = (_a3 = layer.data) == null ? void 0 : _a3.propertyMap) == null ? void 0 : _b2[sc]) || sc,
             (_c2 = feats[0].properties) == null ? void 0 : _c2[sc]
           ];
         });
@@ -586,7 +586,7 @@ var LayersProvider = ({ mp: _mp, children }) => {
     styleIndex = 0,
     focus = true
   }) {
-    var _a;
+    var _a2;
     if (!add) {
       setSelectedLayerIds(
         selectedLayerIds.filter((_lyrId) => layerId !== _lyrId)
@@ -594,7 +594,7 @@ var LayersProvider = ({ mp: _mp, children }) => {
       return;
     }
     const layerIndex = getLayerIndexById(layerId);
-    const sourceType = (_a = layers[layerIndex]) == null ? void 0 : _a.source.type;
+    const sourceType = (_a2 = layers[layerIndex]) == null ? void 0 : _a2.source.type;
     yield toggleVectorLayer(layerIndex, styleIndex, focus);
     setSelectedLayerIds((_slIds) => [
       layerId,
@@ -689,6 +689,7 @@ var LayersProvider = ({ mp: _mp, children }) => {
         mapStyle,
         featuresAtLatLng,
         setMapStyle,
+        mapStyles: styles,
         all: layers,
         setAll: setLayers,
         selectedIds: selectedLayerIds,
@@ -1947,7 +1948,7 @@ function SelectedTabPanel() {
 }
 
 // src/components/sidebar/settings/index.tsx
-import { defaultMapStyles as defaultMapStyles2, useT as useT9 } from "@biodiv-platform/naksha-commons";
+import { useT as useT9 } from "@biodiv-platform/naksha-commons";
 import { tw as tw17 } from "twind";
 import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 function SettingsTabPanel() {
@@ -1962,7 +1963,7 @@ function SettingsTabPanel() {
         label: t("base_style"),
         defaultValue: layer.mapStyle,
         onChange: handleOnStyleChange,
-        children: defaultMapStyles2.map((ms) => /* @__PURE__ */ jsx22("option", {
+        children: layer.mapStyles.map((ms) => /* @__PURE__ */ jsx22("option", {
           value: ms.style,
           children: ms.text
         }, ms.key))

package/dist/index.d.ts

@@ -24,6 +24,12 @@ interface NakshaMaplibreLayersProps {
     selectedLayers?: string[];
     onSelectedLayersChange?: any;
     mapStyle?: MapStyles;
+    mapStyles?: Array<{
+        text: string;
+        key: string;
+        style: string;
+        maxZoom?: number;
+    }>;
     layers?: GeoserverLayer[];
     onLayerDownload?: any;
     canLayerShare?: any;

package/dist/index.js

@@ -503,13 +503,13 @@ var LayersContext = (0, import_react.createContext)(
   {}
 );
 var LayersProvider = ({ mp: _mp, children }) => {
+  var _a;
   const [mp, setMP] = (0, import_react.useState)(_mp);
   const { mapl } = (0, import_maplibre.useMap)();
   const [queryTerm, setQueryTerm] = (0, import_react.useState)("");
   const queryTermDebounced = (0, import_naksha_commons2.useDebounce)(queryTerm, 500);
-  const [mapStyle, setMapStyle] = (0, import_react.useState)(
-    import_naksha_commons2.defaultMapStyles[(mp == null ? void 0 : mp.mapStyle) || 0].style
-  );
+  const styles = mp.mapStyles && mp.mapStyles.length > 0 ? mp.mapStyles : import_naksha_commons2.defaultMapStyles;
+  const [mapStyle, setMapStyle] = (0, import_react.useState)((_a = styles[(mp == null ? void 0 : mp.mapStyle) || 0]) == null ? void 0 : _a.style);
   const [selectionStyle, setSelectionStyle] = (0, import_react.useState)(
     SELECTION_STYLE.TOP
   );
@@ -523,12 +523,12 @@ var LayersProvider = ({ mp: _mp, children }) => {
   const [hoverFeatures, setHoverFeatures] = (0, import_react.useState)();
   const [selectedFeatures, setSelectedFeatures] = (0, import_react.useState)();
   const selectedFeaturesId = (0, import_react.useMemo)(() => {
-    var _a;
+    var _a2;
     const meta = {};
     for (const qr of selectedFeatures || []) {
       meta[qr.sourceLayer] = [
         ...meta[qr.sourceLayer] || [],
-        (_a = qr == null ? void 0 : qr.properties) == null ? void 0 : _a[PROPERTY_ID]
+        (_a2 = qr == null ? void 0 : qr.properties) == null ? void 0 : _a2[PROPERTY_ID]
       ];
     }
     return Object.keys(meta).length ? meta : void 0;
@@ -570,7 +570,7 @@ var LayersProvider = ({ mp: _mp, children }) => {
     toggleVectorLayer(layerIndex, styleIndex, false);
   });
   const onMapHover = (e) => __async(void 0, null, function* () {
-    var _a, _b, _c, _d;
+    var _a2, _b, _c, _d;
     if (!selectedLayerIds.length || !mapl)
       return;
     try {
@@ -579,14 +579,14 @@ var LayersProvider = ({ mp: _mp, children }) => {
         layers: [lastLayerId]
       });
       if (feats.length) {
-        const fId = ((_a = feats[0]) == null ? void 0 : _a.id) || ((_c = (_b = feats[0]) == null ? void 0 : _b.properties) == null ? void 0 : _c[PROPERTY_ID]);
+        const fId = ((_a2 = feats[0]) == null ? void 0 : _a2.id) || ((_c = (_b = feats[0]) == null ? void 0 : _b.properties) == null ? void 0 : _c[PROPERTY_ID]);
         if (fId === (hoverFeatures == null ? void 0 : hoverFeatures.id))
           return;
         const layer = layers[getLayerIndexById(lastLayerId)];
         const hoverProperties = (_d = layer == null ? void 0 : layer.data) == null ? void 0 : _d.summaryColumn.map((sc) => {
-          var _a2, _b2, _c2;
+          var _a3, _b2, _c2;
           return [
-            ((_b2 = (_a2 = layer.data) == null ? void 0 : _a2.propertyMap) == null ? void 0 : _b2[sc]) || sc,
+            ((_b2 = (_a3 = layer.data) == null ? void 0 : _a3.propertyMap) == null ? void 0 : _b2[sc]) || sc,
             (_c2 = feats[0].properties) == null ? void 0 : _c2[sc]
           ];
         });
@@ -607,7 +607,7 @@ var LayersProvider = ({ mp: _mp, children }) => {
     styleIndex = 0,
     focus = true
   }) {
-    var _a;
+    var _a2;
     if (!add) {
       setSelectedLayerIds(
         selectedLayerIds.filter((_lyrId) => layerId !== _lyrId)
@@ -615,7 +615,7 @@ var LayersProvider = ({ mp: _mp, children }) => {
       return;
     }
     const layerIndex = getLayerIndexById(layerId);
-    const sourceType = (_a = layers[layerIndex]) == null ? void 0 : _a.source.type;
+    const sourceType = (_a2 = layers[layerIndex]) == null ? void 0 : _a2.source.type;
     yield toggleVectorLayer(layerIndex, styleIndex, focus);
     setSelectedLayerIds((_slIds) => [
       layerId,
@@ -710,6 +710,7 @@ var LayersProvider = ({ mp: _mp, children }) => {
         mapStyle,
         featuresAtLatLng,
         setMapStyle,
+        mapStyles: styles,
         all: layers,
         setAll: setLayers,
         selectedIds: selectedLayerIds,
@@ -1983,7 +1984,7 @@ function SettingsTabPanel() {
         label: t("base_style"),
         defaultValue: layer.mapStyle,
         onChange: handleOnStyleChange,
-        children: import_naksha_commons11.defaultMapStyles.map((ms) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", {
+        children: layer.mapStyles.map((ms) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", {
           value: ms.style,
           children: ms.text
         }, ms.key))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biodiv-platform/naksha-maplibre-layers",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "author": "harshzalavadiya",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",