@violice/rmu 0.2.5 → 0.2.7

package/src/events.ts

@@ -1,29 +1,23 @@
 import { ReactNode } from 'react';
 import { RMUContextState } from './types';
+import { emitter } from './emitter';
 
 export const RMU_EVENTS = {
   open: 'rmu:open-modal',
   close: 'rmu:close-modal',
 } as const;
 
-type ValueOf<T> = T[keyof T];
-
-const createEvent = (type: ValueOf<typeof RMU_EVENTS>, detail?: any) => {
-  return new CustomEvent(type, { detail });
-};
-
 export const openModal = (
   modalComponent: ReactNode,
   config: { outletId?: string } = {}
 ) => {
   const modalId = `rmu-modal-${new Date().getTime().toString()}`;
   const { outletId = 'rmu-default-outlet' } = config;
-  const event = createEvent(RMU_EVENTS.open, {
+  emitter.emit(RMU_EVENTS.open, {
     modalId,
     modalComponent,
     outletId,
   });
-  window.dispatchEvent(event);
   return { modalId, outletId };
 };
 
@@ -31,6 +25,5 @@ export const closeModal: RMUContextState['closeModal'] = ({
   modalId,
   outletId,
 }) => {
-  const event = createEvent(RMU_EVENTS.close, { modalId, outletId });
-  window.dispatchEvent(event);
+  emitter.emit(RMU_EVENTS.close, { modalId, outletId });
 };

package/src/index.ts

@@ -1,3 +1,3 @@
 export { RMUProvider } from './rmu-provider';
 export { RMUOutlet } from './rmu-outlet';
-export { openModal, closeModal } from './events';
+export { openModal, closeModal } from './events';

package/src/rmu-outlet.tsx

@@ -5,7 +5,7 @@ export const RMUOutlet = ({ outletId = 'rmu-default-outlet' }) => {
   const ctx = useContext(RMUContext);
 
   if (!ctx) {
-    throw new Error('RMUProvider not found in components three');
+    throw new Error('RMUProvider not found in component tree');
   }
 
   const { outlets, addOutlet, removeOutlet } = ctx;
@@ -15,7 +15,7 @@ export const RMUOutlet = ({ outletId = 'rmu-default-outlet' }) => {
     return () => {
       removeOutlet(outletId);
     };
-  }, []);
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const modals = outlets[outletId] ?? {};
 

package/src/use-rmu-events.ts

@@ -1,24 +1,23 @@
 import { useEffect } from 'react';
 import { RMUContextState } from './types';
 import { RMU_EVENTS } from './events';
+import { emitter } from './emitter';
 
 export const useRMUEvents = (ctx: RMUContextState) => {
   const events = {
-    open: (event: any) => ctx.openModal(event.detail),
-    close: (event: any) => ctx.closeModal(event.detail),
+    open: (payload: any) => ctx.openModal(payload),
+    close: (payload: any) => ctx.closeModal(payload),
   };
 
   useEffect(() => {
-    Object.keys(events).forEach(event => {
-      //@ts-ignore
-      window.addEventListener(RMU_EVENTS[event], events[event]);
+    (Object.keys(events) as (keyof typeof events)[]).forEach(event => {
+      emitter.subscribe(RMU_EVENTS[event], events[event]);
     });
 
     return () => {
-      Object.keys(events).forEach(event => {
-        //@ts-ignore
-        window.removeEventListener(RMU_EVENTS[event], events[event]);
+      (Object.keys(events) as (keyof typeof events)[]).forEach(event => {
+        emitter.unsubscribe(RMU_EVENTS[event], events[event]);
       });
     };
-  }, []);
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
 };

package/src/use-rmu-state.ts

@@ -20,10 +20,9 @@ const reducer = (
   switch (action.type) {
     case ACTIONS.openModal: {
       const { modalId, modalComponent, outletId } = action.payload;
+      const modalOutlet = state.outlets[outletId];
 
-      const outletNotFound = !state.outlets[outletId];
-
-      if (outletNotFound) {
+      if (!modalOutlet) {
         throw new Error(`Outlet with id ${outletId} not found`);
       }
 
@@ -32,7 +31,7 @@ const reducer = (
         outlets: {
           ...state.outlets,
           [outletId]: {
-            ...state.outlets[outletId],
+            ...modalOutlet,
             [modalId]: modalComponent,
           },
         },
@@ -42,22 +41,24 @@ const reducer = (
       const { modalId, outletId } = action.payload;
 
       const modalOutlet = state.outlets[outletId];
-      delete modalOutlet[modalId];
+      if (!modalOutlet) {
+        throw new Error(`Outlet with id ${outletId} not found`);
+      }
+
+      const { [modalId]: _removed, ...restModals } = modalOutlet;
 
       return {
         ...state,
         outlets: {
           ...state.outlets,
-          outlet: modalOutlet,
+          [outletId]: restModals,
         },
       };
     }
     case ACTIONS.addOutlet: {
       const { outletId } = action.payload;
 
-      const alreadyExists = !!state.outlets[outletId];
-
-      if (alreadyExists) {
+      if (!!state.outlets[outletId]) {
         throw new Error(`Outlet with id ${outletId} already exists`);
       }
 
@@ -72,12 +73,11 @@ const reducer = (
     case ACTIONS.removeOutlet: {
       const { outletId } = action.payload;
 
+      const { [outletId]: _removed, ...restOutlets } = state.outlets;
+
       return {
         ...state,
-        outlets: {
-          ...state.outlets,
-          [outletId]: undefined,
-        },
+        outlets: restOutlets,
       };
     }
     default:

package/dist/events.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { RMUContextState } from './types';
-export declare const RMU_EVENTS: {
-    readonly open: "rmu:open-modal";
-    readonly close: "rmu:close-modal";
-};
-export declare const openModal: (modalComponent: ReactNode, config?: {
-    outletId?: string;
-}) => {
-    modalId: string;
-    outletId: string;
-};
-export declare const closeModal: RMUContextState['closeModal'];

package/dist/rmu-context.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { RMUContextState } from './types';
-export declare const RMUContext: import("react").Context<RMUContextState | null>;

package/dist/rmu-outlet.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const RMUOutlet: ({ outletId }: {
-    outletId?: string | undefined;
-}) => React.JSX.Element;
-export default RMUOutlet;

package/dist/rmu-provider.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const RMUProvider: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;

package/dist/rmu.cjs.development.js

@@ -1,269 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-
-var RMUContext = /*#__PURE__*/React.createContext(null);
-
-var RMU_EVENTS = {
-  open: 'rmu:open-modal',
-  close: 'rmu:close-modal'
-};
-
-var createEvent = function createEvent(type, detail) {
-  return new CustomEvent(type, {
-    detail: detail
-  });
-};
-
-var openModal = function openModal(modalComponent, config) {
-  if (config === void 0) {
-    config = {};
-  }
-
-  var modalId = "rmu-modal-" + new Date().getTime().toString();
-  var _config = config,
-      _config$outletId = _config.outletId,
-      outletId = _config$outletId === void 0 ? 'rmu-default-outlet' : _config$outletId;
-  var event = createEvent(RMU_EVENTS.open, {
-    modalId: modalId,
-    modalComponent: modalComponent,
-    outletId: outletId
-  });
-  window.dispatchEvent(event);
-  return {
-    modalId: modalId,
-    outletId: outletId
-  };
-};
-var closeModal = function closeModal(_ref) {
-  var modalId = _ref.modalId,
-      outletId = _ref.outletId;
-  var event = createEvent(RMU_EVENTS.close, {
-    modalId: modalId,
-    outletId: outletId
-  });
-  window.dispatchEvent(event);
-};
-
-var useRMUEvents = function useRMUEvents(ctx) {
-  var events = {
-    open: function open(event) {
-      return ctx.openModal(event.detail);
-    },
-    close: function close(event) {
-      return ctx.closeModal(event.detail);
-    }
-  };
-  React.useEffect(function () {
-    Object.keys(events).forEach(function (event) {
-      //@ts-ignore
-      window.addEventListener(RMU_EVENTS[event], events[event]);
-    });
-    return function () {
-      Object.keys(events).forEach(function (event) {
-        //@ts-ignore
-        window.removeEventListener(RMU_EVENTS[event], events[event]);
-      });
-    };
-  }, []);
-};
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-var ACTIONS = {
-  openModal: 'rmu:open-modal',
-  closeModal: 'rmu:close-modal',
-  addOutlet: 'rmu:add-modal',
-  removeOutlet: 'rmu:remove-outlet'
-};
-
-var reducer = function reducer(state, action) {
-  switch (action.type) {
-    case ACTIONS.openModal:
-      {
-        var _extends2, _extends3;
-
-        var _action$payload = action.payload,
-            modalId = _action$payload.modalId,
-            modalComponent = _action$payload.modalComponent,
-            outletId = _action$payload.outletId;
-        var outletNotFound = !state.outlets[outletId];
-
-        if (outletNotFound) {
-          throw new Error("Outlet with id " + outletId + " not found");
-        }
-
-        return _extends({}, state, {
-          outlets: _extends({}, state.outlets, (_extends3 = {}, _extends3[outletId] = _extends({}, state.outlets[outletId], (_extends2 = {}, _extends2[modalId] = modalComponent, _extends2)), _extends3))
-        });
-      }
-
-    case ACTIONS.closeModal:
-      {
-        var _action$payload2 = action.payload,
-            _modalId = _action$payload2.modalId,
-            _outletId = _action$payload2.outletId;
-        var modalOutlet = state.outlets[_outletId];
-        delete modalOutlet[_modalId];
-        return _extends({}, state, {
-          outlets: _extends({}, state.outlets, {
-            outlet: modalOutlet
-          })
-        });
-      }
-
-    case ACTIONS.addOutlet:
-      {
-        var _extends4;
-
-        var _outletId2 = action.payload.outletId;
-        var alreadyExists = !!state.outlets[_outletId2];
-
-        if (alreadyExists) {
-          throw new Error("Outlet with id " + _outletId2 + " already exists");
-        }
-
-        return _extends({}, state, {
-          outlets: _extends({}, state.outlets, (_extends4 = {}, _extends4[_outletId2] = {}, _extends4))
-        });
-      }
-
-    case ACTIONS.removeOutlet:
-      {
-        var _extends5;
-
-        var _outletId3 = action.payload.outletId;
-        return _extends({}, state, {
-          outlets: _extends({}, state.outlets, (_extends5 = {}, _extends5[_outletId3] = undefined, _extends5))
-        });
-      }
-
-    default:
-      return state;
-  }
-};
-
-var useRMUState = function useRMUState() {
-  var _useReducer = React.useReducer(reducer, {
-    outlets: {}
-  }),
-      state = _useReducer[0],
-      dispatch = _useReducer[1];
-
-  var openModal = function openModal(_ref) {
-    var modalId = _ref.modalId,
-        modalComponent = _ref.modalComponent,
-        outletId = _ref.outletId;
-    dispatch({
-      type: ACTIONS.openModal,
-      payload: {
-        modalId: modalId,
-        modalComponent: modalComponent,
-        outletId: outletId
-      }
-    });
-  };
-
-  var closeModal = function closeModal(_ref2) {
-    var modalId = _ref2.modalId,
-        outletId = _ref2.outletId;
-    dispatch({
-      type: ACTIONS.closeModal,
-      payload: {
-        modalId: modalId,
-        outletId: outletId
-      }
-    });
-  };
-
-  var addOutlet = function addOutlet(outletId) {
-    dispatch({
-      type: ACTIONS.addOutlet,
-      payload: {
-        outletId: outletId
-      }
-    });
-  };
-
-  var removeOutlet = function removeOutlet(outletId) {
-    dispatch({
-      type: ACTIONS.removeOutlet,
-      payload: {
-        outletId: outletId
-      }
-    });
-  };
-
-  return _extends({}, state, {
-    openModal: openModal,
-    closeModal: closeModal,
-    addOutlet: addOutlet,
-    removeOutlet: removeOutlet
-  });
-};
-
-var RMUProvider = function RMUProvider(_ref) {
-  var children = _ref.children;
-  var state = useRMUState();
-  useRMUEvents(state);
-  return React__default.createElement(RMUContext.Provider, {
-    value: state
-  }, children);
-};
-
-var RMUOutlet = function RMUOutlet(_ref) {
-  var _outlets$outletId;
-
-  var _ref$outletId = _ref.outletId,
-      outletId = _ref$outletId === void 0 ? 'rmu-default-outlet' : _ref$outletId;
-  var ctx = React.useContext(RMUContext);
-
-  if (!ctx) {
-    throw new Error('RMUProvider not found in components three');
-  }
-
-  var outlets = ctx.outlets,
-      addOutlet = ctx.addOutlet,
-      removeOutlet = ctx.removeOutlet;
-  React.useEffect(function () {
-    addOutlet(outletId);
-    return function () {
-      removeOutlet(outletId);
-    };
-  }, []);
-  var modals = (_outlets$outletId = outlets[outletId]) != null ? _outlets$outletId : {};
-  return React__default.createElement(React__default.Fragment, null, Object.entries(modals).map(function (_ref2) {
-    var modalId = _ref2[0],
-        modalComponent = _ref2[1];
-    return React__default.createElement(React.Fragment, {
-      key: modalId
-    }, modalComponent);
-  }));
-};
-
-exports.RMUOutlet = RMUOutlet;
-exports.RMUProvider = RMUProvider;
-exports.closeModal = closeModal;
-exports.openModal = openModal;
-//# sourceMappingURL=rmu.cjs.development.js.map

package/dist/rmu.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rmu.cjs.development.js","sources":["../src/rmu-context.ts","../src/events.ts","../src/use-rmu-events.ts","../src/use-rmu-state.ts","../src/rmu-provider.tsx","../src/rmu-outlet.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { RMUContextState } from './types';\n\nexport const RMUContext = createContext<RMUContextState | null>(null);\n","import { ReactNode } from 'react';\nimport { RMUContextState } from './types';\n\nexport const RMU_EVENTS = {\n  open: 'rmu:open-modal',\n  close: 'rmu:close-modal',\n} as const;\n\ntype ValueOf<T> = T[keyof T];\n\nconst createEvent = (type: ValueOf<typeof RMU_EVENTS>, detail?: any) => {\n  return new CustomEvent(type, { detail });\n};\n\nexport const openModal = (\n  modalComponent: ReactNode,\n  config: { outletId?: string } = {}\n) => {\n  const modalId = `rmu-modal-${new Date().getTime().toString()}`;\n  const { outletId = 'rmu-default-outlet' } = config;\n  const event = createEvent(RMU_EVENTS.open, {\n    modalId,\n    modalComponent,\n    outletId,\n  });\n  window.dispatchEvent(event);\n  return { modalId, outletId };\n};\n\nexport const closeModal: RMUContextState['closeModal'] = ({\n  modalId,\n  outletId,\n}) => {\n  const event = createEvent(RMU_EVENTS.close, { modalId, outletId });\n  window.dispatchEvent(event);\n};\n","import { useEffect } from 'react';\nimport { RMUContextState } from './types';\nimport { RMU_EVENTS } from './events';\n\nexport const useRMUEvents = (ctx: RMUContextState) => {\n  const events = {\n    open: (event: any) => ctx.openModal(event.detail),\n    close: (event: any) => ctx.closeModal(event.detail),\n  };\n\n  useEffect(() => {\n    Object.keys(events).forEach(event => {\n      //@ts-ignore\n      window.addEventListener(RMU_EVENTS[event], events[event]);\n    });\n\n    return () => {\n      Object.keys(events).forEach(event => {\n        //@ts-ignore\n        window.removeEventListener(RMU_EVENTS[event], events[event]);\n      });\n    };\n  }, []);\n};\n","import { useReducer } from 'react';\nimport { RMUContextState } from './types';\n\nconst ACTIONS = {\n  openModal: 'rmu:open-modal',\n  closeModal: 'rmu:close-modal',\n  addOutlet: 'rmu:add-modal',\n  removeOutlet: 'rmu:remove-outlet',\n} as const;\n\nconst reducer = (\n  state: {\n    outlets: RMUContextState['outlets'];\n  },\n  action: {\n    type: string;\n    payload: Record<string, any>;\n  }\n) => {\n  switch (action.type) {\n    case ACTIONS.openModal: {\n      const { modalId, modalComponent, outletId } = action.payload;\n\n      const outletNotFound = !state.outlets[outletId];\n\n      if (outletNotFound) {\n        throw new Error(`Outlet with id ${outletId} not found`);\n      }\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: {\n            ...state.outlets[outletId],\n            [modalId]: modalComponent,\n          },\n        },\n      };\n    }\n    case ACTIONS.closeModal: {\n      const { modalId, outletId } = action.payload;\n\n      const modalOutlet = state.outlets[outletId];\n      delete modalOutlet[modalId];\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          outlet: modalOutlet,\n        },\n      };\n    }\n    case ACTIONS.addOutlet: {\n      const { outletId } = action.payload;\n\n      const alreadyExists = !!state.outlets[outletId];\n\n      if (alreadyExists) {\n        throw new Error(`Outlet with id ${outletId} already exists`);\n      }\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: {},\n        },\n      };\n    }\n    case ACTIONS.removeOutlet: {\n      const { outletId } = action.payload;\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: undefined,\n        },\n      };\n    }\n    default:\n      return state;\n  }\n};\n\nexport const useRMUState = () => {\n  const [state, dispatch] = useReducer(reducer, {\n    outlets: {},\n  });\n\n  const openModal: RMUContextState['openModal'] = ({\n    modalId,\n    modalComponent,\n    outletId,\n  }) => {\n    dispatch({\n      type: ACTIONS.openModal,\n      payload: { modalId, modalComponent, outletId },\n    });\n  };\n\n  const closeModal: RMUContextState['closeModal'] = ({ modalId, outletId }) => {\n    dispatch({ type: ACTIONS.closeModal, payload: { modalId, outletId } });\n  };\n\n  const addOutlet: RMUContextState['addOutlet'] = outletId => {\n    dispatch({ type: ACTIONS.addOutlet, payload: { outletId } });\n  };\n\n  const removeOutlet: RMUContextState['removeOutlet'] = outletId => {\n    dispatch({ type: ACTIONS.removeOutlet, payload: { outletId } });\n  };\n\n  return {\n    ...state,\n    openModal,\n    closeModal,\n    addOutlet,\n    removeOutlet,\n  };\n};\n","import React from 'react';\nimport { RMUContext } from './rmu-context';\nimport { useRMUEvents } from './use-rmu-events';\nimport { useRMUState } from './use-rmu-state';\n\nexport const RMUProvider = ({ children }: { children: React.ReactNode }) => {\n  const state = useRMUState();\n\n  useRMUEvents(state);\n\n  return <RMUContext.Provider value={state}>{children}</RMUContext.Provider>;\n};\n","import React, { Fragment, useContext, useEffect } from 'react';\nimport { RMUContext } from './rmu-context';\n\nexport const RMUOutlet = ({ outletId = 'rmu-default-outlet' }) => {\n  const ctx = useContext(RMUContext);\n\n  if (!ctx) {\n    throw new Error('RMUProvider not found in components three');\n  }\n\n  const { outlets, addOutlet, removeOutlet } = ctx;\n\n  useEffect(() => {\n    addOutlet(outletId);\n    return () => {\n      removeOutlet(outletId);\n    };\n  }, []);\n\n  const modals = outlets[outletId] ?? {};\n\n  return (\n    <>\n      {Object.entries(modals).map(([modalId, modalComponent]) => (\n        <Fragment key={modalId}>{modalComponent}</Fragment>\n      ))}\n    </>\n  );\n};\n\nexport default RMUOutlet;\n"],"names":["RMUContext","createContext","RMU_EVENTS","open","close","createEvent","type","detail","CustomEvent","openModal","modalComponent","config","modalId","Date","getTime","toString","outletId","event","window","dispatchEvent","closeModal","useRMUEvents","ctx","events","useEffect","Object","keys","forEach","addEventListener","removeEventListener","ACTIONS","addOutlet","removeOutlet","reducer","state","action","payload","outletNotFound","outlets","Error","modalOutlet","outlet","alreadyExists","undefined","useRMUState","useReducer","dispatch","RMUProvider","children","React","Provider","value","RMUOutlet","useContext","modals","entries","map","Fragment","key"],"mappings":"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"}

package/dist/rmu.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e=require("react"),o=(t=e)&&"object"==typeof t&&"default"in t?t.default:t,n=e.createContext(null),l={open:"rmu:open-modal",close:"rmu:close-modal"},r=function(t,e){return new CustomEvent(t,{detail:e})};function u(){return(u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}var d=function(t,e){switch(e.type){case"rmu:open-modal":var o,n,l=e.payload,r=l.modalId,d=l.modalComponent,a=l.outletId;if(!t.outlets[a])throw new Error("Outlet with id "+a+" not found");return u({},t,{outlets:u({},t.outlets,(n={},n[a]=u({},t.outlets[a],(o={},o[r]=d,o)),n))});case"rmu:close-modal":var i=e.payload,c=t.outlets[i.outletId];return delete c[i.modalId],u({},t,{outlets:u({},t.outlets,{outlet:c})});case"rmu:add-modal":var s,m=e.payload.outletId;if(t.outlets[m])throw new Error("Outlet with id "+m+" already exists");return u({},t,{outlets:u({},t.outlets,(s={},s[m]={},s))});case"rmu:remove-outlet":var p;return u({},t,{outlets:u({},t.outlets,(p={},p[e.payload.outletId]=void 0,p))});default:return t}};exports.RMUOutlet=function(t){var l,r=t.outletId,u=void 0===r?"rmu-default-outlet":r,d=e.useContext(n);if(!d)throw new Error("RMUProvider not found in components three");var a=d.outlets,i=d.addOutlet,c=d.removeOutlet;e.useEffect((function(){return i(u),function(){c(u)}}),[]);var s=null!=(l=a[u])?l:{};return o.createElement(o.Fragment,null,Object.entries(s).map((function(t){return o.createElement(e.Fragment,{key:t[0]},t[1])})))},exports.RMUProvider=function(t){var r,a,i,c,s=t.children,m=(r=e.useReducer(d,{outlets:{}}),a=r[1],u({},r[0],{openModal:function(t){a({type:"rmu:open-modal",payload:{modalId:t.modalId,modalComponent:t.modalComponent,outletId:t.outletId}})},closeModal:function(t){a({type:"rmu:close-modal",payload:{modalId:t.modalId,outletId:t.outletId}})},addOutlet:function(t){a({type:"rmu:add-modal",payload:{outletId:t}})},removeOutlet:function(t){a({type:"rmu:remove-outlet",payload:{outletId:t}})}}));return i=m,c={open:function(t){return i.openModal(t.detail)},close:function(t){return i.closeModal(t.detail)}},e.useEffect((function(){return Object.keys(c).forEach((function(t){window.addEventListener(l[t],c[t])})),function(){Object.keys(c).forEach((function(t){window.removeEventListener(l[t],c[t])}))}}),[]),o.createElement(n.Provider,{value:m},s)},exports.closeModal=function(t){var e=r(l.close,{modalId:t.modalId,outletId:t.outletId});window.dispatchEvent(e)},exports.openModal=function(t,e){void 0===e&&(e={});var o="rmu-modal-"+(new Date).getTime().toString(),n=e.outletId,u=void 0===n?"rmu-default-outlet":n,d=r(l.open,{modalId:o,modalComponent:t,outletId:u});return window.dispatchEvent(d),{modalId:o,outletId:u}};
-//# sourceMappingURL=rmu.cjs.production.min.js.map

package/dist/rmu.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rmu.cjs.production.min.js","sources":["../src/rmu-context.ts","../src/events.ts","../src/use-rmu-state.ts","../src/rmu-outlet.tsx","../src/rmu-provider.tsx","../src/use-rmu-events.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { RMUContextState } from './types';\n\nexport const RMUContext = createContext<RMUContextState | null>(null);\n","import { ReactNode } from 'react';\nimport { RMUContextState } from './types';\n\nexport const RMU_EVENTS = {\n  open: 'rmu:open-modal',\n  close: 'rmu:close-modal',\n} as const;\n\ntype ValueOf<T> = T[keyof T];\n\nconst createEvent = (type: ValueOf<typeof RMU_EVENTS>, detail?: any) => {\n  return new CustomEvent(type, { detail });\n};\n\nexport const openModal = (\n  modalComponent: ReactNode,\n  config: { outletId?: string } = {}\n) => {\n  const modalId = `rmu-modal-${new Date().getTime().toString()}`;\n  const { outletId = 'rmu-default-outlet' } = config;\n  const event = createEvent(RMU_EVENTS.open, {\n    modalId,\n    modalComponent,\n    outletId,\n  });\n  window.dispatchEvent(event);\n  return { modalId, outletId };\n};\n\nexport const closeModal: RMUContextState['closeModal'] = ({\n  modalId,\n  outletId,\n}) => {\n  const event = createEvent(RMU_EVENTS.close, { modalId, outletId });\n  window.dispatchEvent(event);\n};\n","import { useReducer } from 'react';\nimport { RMUContextState } from './types';\n\nconst ACTIONS = {\n  openModal: 'rmu:open-modal',\n  closeModal: 'rmu:close-modal',\n  addOutlet: 'rmu:add-modal',\n  removeOutlet: 'rmu:remove-outlet',\n} as const;\n\nconst reducer = (\n  state: {\n    outlets: RMUContextState['outlets'];\n  },\n  action: {\n    type: string;\n    payload: Record<string, any>;\n  }\n) => {\n  switch (action.type) {\n    case ACTIONS.openModal: {\n      const { modalId, modalComponent, outletId } = action.payload;\n\n      const outletNotFound = !state.outlets[outletId];\n\n      if (outletNotFound) {\n        throw new Error(`Outlet with id ${outletId} not found`);\n      }\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: {\n            ...state.outlets[outletId],\n            [modalId]: modalComponent,\n          },\n        },\n      };\n    }\n    case ACTIONS.closeModal: {\n      const { modalId, outletId } = action.payload;\n\n      const modalOutlet = state.outlets[outletId];\n      delete modalOutlet[modalId];\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          outlet: modalOutlet,\n        },\n      };\n    }\n    case ACTIONS.addOutlet: {\n      const { outletId } = action.payload;\n\n      const alreadyExists = !!state.outlets[outletId];\n\n      if (alreadyExists) {\n        throw new Error(`Outlet with id ${outletId} already exists`);\n      }\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: {},\n        },\n      };\n    }\n    case ACTIONS.removeOutlet: {\n      const { outletId } = action.payload;\n\n      return {\n        ...state,\n        outlets: {\n          ...state.outlets,\n          [outletId]: undefined,\n        },\n      };\n    }\n    default:\n      return state;\n  }\n};\n\nexport const useRMUState = () => {\n  const [state, dispatch] = useReducer(reducer, {\n    outlets: {},\n  });\n\n  const openModal: RMUContextState['openModal'] = ({\n    modalId,\n    modalComponent,\n    outletId,\n  }) => {\n    dispatch({\n      type: ACTIONS.openModal,\n      payload: { modalId, modalComponent, outletId },\n    });\n  };\n\n  const closeModal: RMUContextState['closeModal'] = ({ modalId, outletId }) => {\n    dispatch({ type: ACTIONS.closeModal, payload: { modalId, outletId } });\n  };\n\n  const addOutlet: RMUContextState['addOutlet'] = outletId => {\n    dispatch({ type: ACTIONS.addOutlet, payload: { outletId } });\n  };\n\n  const removeOutlet: RMUContextState['removeOutlet'] = outletId => {\n    dispatch({ type: ACTIONS.removeOutlet, payload: { outletId } });\n  };\n\n  return {\n    ...state,\n    openModal,\n    closeModal,\n    addOutlet,\n    removeOutlet,\n  };\n};\n","import React, { Fragment, useContext, useEffect } from 'react';\nimport { RMUContext } from './rmu-context';\n\nexport const RMUOutlet = ({ outletId = 'rmu-default-outlet' }) => {\n  const ctx = useContext(RMUContext);\n\n  if (!ctx) {\n    throw new Error('RMUProvider not found in components three');\n  }\n\n  const { outlets, addOutlet, removeOutlet } = ctx;\n\n  useEffect(() => {\n    addOutlet(outletId);\n    return () => {\n      removeOutlet(outletId);\n    };\n  }, []);\n\n  const modals = outlets[outletId] ?? {};\n\n  return (\n    <>\n      {Object.entries(modals).map(([modalId, modalComponent]) => (\n        <Fragment key={modalId}>{modalComponent}</Fragment>\n      ))}\n    </>\n  );\n};\n\nexport default RMUOutlet;\n","import React from 'react';\nimport { RMUContext } from './rmu-context';\nimport { useRMUEvents } from './use-rmu-events';\nimport { useRMUState } from './use-rmu-state';\n\nexport const RMUProvider = ({ children }: { children: React.ReactNode }) => {\n  const state = useRMUState();\n\n  useRMUEvents(state);\n\n  return <RMUContext.Provider value={state}>{children}</RMUContext.Provider>;\n};\n","import { useEffect } from 'react';\nimport { RMUContextState } from './types';\nimport { RMU_EVENTS } from './events';\n\nexport const useRMUEvents = (ctx: RMUContextState) => {\n  const events = {\n    open: (event: any) => ctx.openModal(event.detail),\n    close: (event: any) => ctx.closeModal(event.detail),\n  };\n\n  useEffect(() => {\n    Object.keys(events).forEach(event => {\n      //@ts-ignore\n      window.addEventListener(RMU_EVENTS[event], events[event]);\n    });\n\n    return () => {\n      Object.keys(events).forEach(event => {\n        //@ts-ignore\n        window.removeEventListener(RMU_EVENTS[event], events[event]);\n      });\n    };\n  }, []);\n};\n"],"names":["RMUContext","createContext","RMU_EVENTS","open","close","createEvent","type","detail","CustomEvent","reducer","state","action","payload","modalId","modalComponent","outletId","outlets","Error","modalOutlet","outlet","undefined","ctx","useContext","addOutlet","removeOutlet","useEffect","modals","React","Object","entries","map","Fragment","key","dispatch","events","children","useReducer","openModal","closeModal","event","keys","forEach","window","addEventListener","removeEventListener","Provider","value","dispatchEvent","config","Date","getTime","toString"],"mappings":"oJAGaA,EAAaC,gBAAsC,MCAnDC,EAAa,CACxBC,KAAM,iBACNC,MAAO,mBAKHC,EAAc,SAACC,EAAkCC,UAC9C,IAAIC,YAAYF,EAAM,CAAEC,OAAAA,wNCD3BE,EAAU,SACdC,EAGAC,UAKQA,EAAOL,UAfJ,2BAiBuCK,EAAOC,QAA7CC,IAAAA,QAASC,IAAAA,eAAgBC,IAAAA,aAETL,EAAMM,QAAQD,SAG9B,IAAIE,wBAAwBF,4BAI/BL,GACHM,aACKN,EAAMM,gBACRD,QACIL,EAAMM,QAAQD,WAChBF,GAAUC,gBA9BT,wBAoCsBH,EAAOC,QAE/BM,EAAcR,EAAMM,UAFTD,wBAGVG,IAHCL,cAMHH,GACHM,aACKN,EAAMM,SACTG,OAAQD,UA5CL,sBAiDCH,EAAaJ,EAAOC,QAApBG,YAEgBL,EAAMM,QAAQD,SAG9B,IAAIE,wBAAwBF,iCAI/BL,GACHM,aACKN,EAAMM,gBACRD,GAAW,aA5DN,sCAoELL,GACHM,aACKN,EAAMM,gBALQL,EAAOC,QAApBG,eAMQK,uBAKTV,sBChFY,sBAAGK,SAAAA,aAAW,uBAC/BM,EAAMC,aAAWtB,OAElBqB,QACG,IAAIJ,MAAM,iDAGVD,EAAqCK,EAArCL,QAASO,EAA4BF,EAA5BE,UAAWC,EAAiBH,EAAjBG,aAE5BC,aAAU,kBACRF,EAAUR,GACH,WACLS,EAAaT,MAEd,QAEGW,WAASV,EAAQD,MAAa,UAGlCY,gCACGC,OAAOC,QAAQH,GAAQI,KAAI,mBAC1BH,gBAACI,YAASC,yCCnBS,kBFmFXC,EGpFaZ,EACrBa,EDAsBC,IAAAA,SACtBzB,KFkFoB0B,aAAW3B,EAAS,CAC5CO,QAAS,KADGiB,kBA6BZI,UAzB8C,YAK9CJ,EAAS,CACP3B,KA9FO,iBA+FPM,QAAS,CAAEC,UANbA,QAMsBC,iBALtBA,eAKsCC,WAJtCA,aAuBAuB,WAfgD,YAChDL,EAAS,CAAE3B,KAnGD,kBAmG2BM,QAAS,CAAEC,UADGA,QACME,WADGA,aAgB5DQ,UAZ8C,SAAAR,GAC9CkB,EAAS,CAAE3B,KAtGF,gBAsG2BM,QAAS,CAAEG,SAAAA,MAY/CS,aAToD,SAAAT,GACpDkB,EAAS,CAAE3B,KAzGC,oBAyG2BM,QAAS,CAAEG,SAAAA,gBG5GzBM,EDIdX,ECHPwB,EAAS,CACb/B,KAAM,SAACoC,UAAelB,EAAIgB,UAAUE,EAAMhC,SAC1CH,MAAO,SAACmC,UAAelB,EAAIiB,WAAWC,EAAMhC,UAG9CkB,aAAU,kBACRG,OAAOY,KAAKN,GAAQO,SAAQ,SAAAF,GAE1BG,OAAOC,iBAAiBzC,EAAWqC,GAAQL,EAAOK,OAG7C,WACLX,OAAOY,KAAKN,GAAQO,SAAQ,SAAAF,GAE1BG,OAAOE,oBAAoB1C,EAAWqC,GAAQL,EAAOK,UAGxD,IDZIZ,gBAAC3B,EAAW6C,UAASC,MAAOpC,GAAQyB,uBHmBY,gBAIjDI,EAAQlC,EAAYH,EAAWE,MAAO,CAAES,UAH9CA,QAGuDE,WAFvDA,WAGA2B,OAAOK,cAAcR,sBApBE,SACvBzB,EACAkC,YAAAA,IAAAA,EAAgC,QAE1BnC,gBAAuB,IAAIoC,MAAOC,UAAUC,aACNH,EAApCjC,SAAAA,aAAW,uBACbwB,EAAQlC,EAAYH,EAAWC,KAAM,CACzCU,QAAAA,EACAC,eAAAA,EACAC,SAAAA,WAEF2B,OAAOK,cAAcR,GACd,CAAE1B,QAAAA,EAASE,SAAAA"}