@weser/layers 0.0.15 → 0.0.17

package/dist/LayerContext.d.ts

@@ -4,11 +4,11 @@ export type T_Layer = {
     element: Object;
     data?: Record<string, any>;
 };
-type LayerContext = {
+export type T_LayerContext = {
     layers: Array<T_Layer>;
     addLayer: (layer: T_Layer) => void;
     removeLayer: (id: T_Layer['id']) => void;
     hasLayer: (id: T_Layer['id']) => boolean;
 };
-declare const _default: import("react").Context<LayerContext | null>;
+declare const _default: import("react").Context<T_LayerContext | null>;
 export default _default;

package/dist/LayerProvider.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { T_Layer } from './LayerContext.js';
+type Props = {
+    onLayerAdded?: (layers: Array<T_Layer>) => void;
+    onLayerRemoved?: (layers: Array<T_Layer>) => void;
+};
+export default function LayerProvider({ children, onLayerAdded, onLayerRemoved, }: PropsWithChildren<Props>): import("react").JSX.Element;
+export {};

package/dist/LayerProvider.jsx

@@ -0,0 +1,36 @@
+'use client';
+import { useState } from 'react';
+import LayerContext from './LayerContext.js';
+export default function LayerProvider({ children, onLayerAdded, onLayerRemoved, }) {
+    const [layers, setLayers] = useState([]);
+    function addLayer(layer) {
+        setLayers((prevLayers) => {
+            const filteredLayers = prevLayers.filter((item) => item.id !== layer.id);
+            const newLayers = [...filteredLayers, layer];
+            if (onLayerAdded) {
+                onLayerAdded(newLayers);
+            }
+            return newLayers;
+        });
+    }
+    function removeLayer(id) {
+        setLayers((prevLayers) => {
+            const newLayers = prevLayers.filter((item) => item.id !== id);
+            if (onLayerRemoved) {
+                onLayerRemoved(newLayers);
+            }
+            return newLayers;
+        });
+    }
+    function hasLayer(id) {
+        return layers.find((item) => item.id === id) !== undefined;
+    }
+    return (<LayerContext.Provider value={{
+            addLayer,
+            removeLayer,
+            hasLayer,
+            layers,
+        }}>
+      {children}
+    </LayerContext.Provider>);
+}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { default as LayerContext, T_Layer } from './LayerContext.js';
-export { default as LayerContextProvider } from './LayerContextProvider.jsx';
+export { default as LayerProvider } from './LayerProvider.jsx';
 export { default as useLayerContext } from './useLayerContext.js';
 export { default as useLayer } from './useLayer.js';

package/dist/index.js

@@ -1,4 +1,4 @@
 export { default as LayerContext } from './LayerContext.js';
-export { default as LayerContextProvider } from './LayerContextProvider.jsx';
+export { default as LayerProvider } from './LayerProvider.jsx';
 export { default as useLayerContext } from './useLayerContext.js';
 export { default as useLayer } from './useLayer.js';

package/dist/useLayerContext.d.ts

@@ -1,6 +1 @@
-export default function useLayerContext(): {
-    layers: import("./LayerContext.js").T_Layer[];
-    addLayer: (layer: import("./LayerContext.js").T_Layer) => void;
-    removeLayer: (id: string) => void;
-    hasLayer: (id: string) => boolean;
-};
+export default function useLayerContext(): import("./LayerContext.js").T_LayerContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/layers",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "React library for working with multiple layers",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -54,5 +54,5 @@
     "rimraf": "^3.0.2",
     "typescript": "^5.4.5"
   },
-  "gitHead": "09f1d19b11a34e519fd35cf91cede2b75f38356c"
+  "gitHead": "71b258e9fc17ff82728fc3b51ac935f48b11f204"
 }