@alcadur/react-events-hook 1.0.0 → 1.0.1

package/README.md

@@ -8,7 +8,9 @@ Useful for communication between components in different parts of the view.
 Using standard React mechanisms, it's also possible to synchronize with external events.
 
 ## Installation
-[soon]
+```
+npm i @alcadur/react-events-hooknpm i @alcadur/react-events-hook
+```
 
 ## Usage
 [soon]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alcadur/react-events-hook",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "no",
   "keywords": [
     "react",

package/src/hooks/useEvents.test.ts

@@ -41,13 +41,20 @@ describe('useEvents', () => {
 
     it('should register events from init map', () => {
         const callback = vi.fn();
-        renderHook(() => useEvents({ 'init-event': callback }));
+        const callbackSymbol = vi.fn();
+        const symbolEvent = Symbol('init-event');
+        renderHook(() => useEvents({
+            'init-event': callback,
+            [symbolEvent]: callbackSymbol
+        }));
 
         const { result } = renderHook(() => useEvents());
         act(() => {
             result.current.emitEvent('init-event', 'init-data');
+            result.current.emitEvent(symbolEvent);
         });
 
         expect(callback).toHaveBeenCalledWith('init-data');
+        expect(callbackSymbol).toHaveBeenCalled()
     });
 });

package/src/hooks/useEvents.ts

@@ -7,14 +7,15 @@ export const useEvents = (eventMap: InitEventsType = {}) => {
         if (!eventMap) {
             return;
         }
-        const eventMapEntries = Object.entries(eventMap);
-        eventMapEntries.forEach(([event, callback]) => {
-            onEvent(event, callback)
+        const events = [...Object.keys(eventMap), ...Object.getOwnPropertySymbols(eventMap)]
+
+        events.forEach( event => {
+            onEvent(event, eventMap[event])
         })
 
         return () => {
-            eventMapEntries.forEach(([event, callback]) => {
-                removeEvent(event, callback)
+            events.forEach((event) => {
+                removeEvent(event, eventMap[event])
             })
         }
     }, [eventMap])