@apia/dashboard-controller 2.0.9 → 2.0.10

package/dist/dashboard/DashboardRouter.js

@@ -0,0 +1,74 @@
+import { EventEmitter, useMount } from '@apia/util';
+import { useRef } from 'react';
+import { shallowEqual } from 'react-redux';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, key + "" , value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var _matchLocation, _evalRoutes;
+class Router extends EventEmitter {
+  constructor() {
+    super();
+    __privateAdd(this, _matchLocation, (regexp) => {
+      const path = "/" + (window.location.href.replaceAll("%20", " ").match(new RegExp(`${window.CONTEXT}/?([^?]+)?(?:\\?.*)?`))?.[1] ?? "");
+      return path.match(regexp);
+    });
+    __privateAdd(this, _evalRoutes, (routes) => {
+      for (let i = 0; i < routes.length; i++) {
+        const match = __privateGet(this, _matchLocation).call(this, routes[i].route);
+        if (match) {
+          return { route: routes[i], match };
+        }
+      }
+    });
+    /**
+     * Se evaluarán las rutas en orden y la primera en coincidir será tomada como
+     * resultado del cambio de ruta.
+     *
+     * Las rutas provistas deberán matchear contra el path actual. El path actual
+     * es la porción de la ruta luego del dominio y el contexto. Ejemplo:
+     *
+     * http://localhost/apia                              =>      path='/'
+     * http://localhost/apia/spa/categories/comidas/1     =>      path='/spa/categories/comidas/1'
+     */
+    __publicField(this, "useSwitch", (routes) => {
+      const lastMatch = useRef(null);
+      useMount(() => {
+        const result = __privateGet(this, _evalRoutes).call(this, routes);
+        if (result) {
+          result.route.callback(result.match);
+        }
+        return this.on("newRoute", () => {
+          const result2 = __privateGet(this, _evalRoutes).call(this, routes);
+          if (result2 && !shallowEqual(result2.match, lastMatch.current)) {
+            result2.route.callback(result2.match);
+          }
+        });
+      });
+    });
+    window.addEventListener("popstate", () => {
+      this.emit("newRoute", window.location.href);
+    });
+  }
+}
+_matchLocation = new WeakMap();
+_evalRoutes = new WeakMap();
+
+export { Router };
+//# sourceMappingURL=DashboardRouter.js.map

package/dist/dashboard/DashboardRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardRouter.js","sources":["../../src/dashboard/DashboardRouter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-for-of */\r\nimport { EventEmitter, useMount } from '@apia/util';\r\nimport { useRef } from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\n\r\nexport type TSwitchRoute = {\r\n  /**\r\n   * El callback será llamado si la ruta coincide.\r\n   */\r\n  callback: (result: RegExpMatchArray) => unknown;\r\n  route: RegExp;\r\n};\r\n\r\nexport type TUseSwitch = TSwitchRoute[];\r\n\r\nexport class Router extends EventEmitter<{ newRoute: string }> {\r\n  #matchLocation = (regexp: RegExp) => {\r\n    const path =\r\n      '/' +\r\n      (window.location.href\r\n        .replaceAll('%20', ' ')\r\n        .match(new RegExp(`${window.CONTEXT}/?([^?]+)?(?:\\\\?.*)?`))?.[1] ?? '');\r\n\r\n    return path.match(regexp);\r\n  };\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    window.addEventListener('popstate', () => {\r\n      this.emit('newRoute', window.location.href);\r\n    });\r\n  }\r\n\r\n  #evalRoutes = (routes: TUseSwitch) => {\r\n    for (let i = 0; i < routes.length; i++) {\r\n      const match = this.#matchLocation(routes[i].route);\r\n      if (match) {\r\n        return { route: routes[i], match };\r\n      }\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Se evaluarán las rutas en orden y la primera en coincidir será tomada como\r\n   * resultado del cambio de ruta.\r\n   *\r\n   * Las rutas provistas deberán matchear contra el path actual. El path actual\r\n   * es la porción de la ruta luego del dominio y el contexto. Ejemplo:\r\n   *\r\n   * http://localhost/apia                              =>      path='/'\r\n   * http://localhost/apia/spa/categories/comidas/1     =>      path='/spa/categories/comidas/1'\r\n   */\r\n  useSwitch = (routes: TUseSwitch) => {\r\n    const lastMatch = useRef<TSwitchRoute | null>(null);\r\n\r\n    useMount(() => {\r\n      const result = this.#evalRoutes(routes);\r\n      if (result) {\r\n        result.route.callback(result.match);\r\n      }\r\n\r\n      return this.on('newRoute', () => {\r\n        const result = this.#evalRoutes(routes);\r\n        if (result && !shallowEqual(result.match, lastMatch.current)) {\r\n          result.route.callback(result.match);\r\n        }\r\n      });\r\n    });\r\n  };\r\n}\r\n"],"names":["result"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,cAAA,EAAA,WAAA,CAAA;AAeO,MAAM,eAAe,YAAmC,CAAA;AAAA,EAW7D,WAAc,GAAA;AACZ,IAAM,KAAA,EAAA,CAAA;AAXR,IAAA,YAAA,CAAA,IAAA,EAAA,cAAA,EAAiB,CAAC,MAAmB,KAAA;AACnC,MAAA,MAAM,OACJ,GACC,IAAA,MAAA,CAAO,SAAS,IACd,CAAA,UAAA,CAAW,OAAO,GAAG,CAAA,CACrB,MAAM,IAAI,MAAA,CAAO,GAAG,MAAO,CAAA,OAAO,sBAAsB,CAAC,CAAA,GAAI,CAAC,CAAK,IAAA,EAAA,CAAA,CAAA;AAExE,MAAO,OAAA,IAAA,CAAK,MAAM,MAAM,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAUA,IAAA,YAAA,CAAA,IAAA,EAAA,WAAA,EAAc,CAAC,MAAuB,KAAA;AACpC,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,MAAA,CAAO,QAAQ,CAAK,EAAA,EAAA;AACtC,QAAA,MAAM,QAAQ,YAAK,CAAA,IAAA,EAAA,cAAA,CAAA,CAAL,IAAoB,CAAA,IAAA,EAAA,MAAA,CAAO,CAAC,CAAE,CAAA,KAAA,CAAA,CAAA;AAC5C,QAAA,IAAI,KAAO,EAAA;AACT,UAAA,OAAO,EAAE,KAAA,EAAO,MAAO,CAAA,CAAC,GAAG,KAAM,EAAA,CAAA;AAAA,SACnC;AAAA,OACF;AAAA,KACF,CAAA,CAAA;AAYA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAY,CAAC,MAAuB,KAAA;AAClC,MAAM,MAAA,SAAA,GAAY,OAA4B,IAAI,CAAA,CAAA;AAElD,MAAA,QAAA,CAAS,MAAM;AACb,QAAM,MAAA,MAAA,GAAS,YAAK,CAAA,IAAA,EAAA,WAAA,CAAA,CAAL,IAAiB,CAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AAChC,QAAA,IAAI,MAAQ,EAAA;AACV,UAAO,MAAA,CAAA,KAAA,CAAM,QAAS,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,SACpC;AAEA,QAAO,OAAA,IAAA,CAAK,EAAG,CAAA,UAAA,EAAY,MAAM;AAC/B,UAAMA,MAAAA,OAAAA,GAAS,YAAK,CAAA,IAAA,EAAA,WAAA,CAAA,CAAL,IAAiB,CAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AAChC,UAAA,IAAIA,WAAU,CAAC,YAAA,CAAaA,QAAO,KAAO,EAAA,SAAA,CAAU,OAAO,CAAG,EAAA;AAC5D,YAAAA,OAAO,CAAA,KAAA,CAAM,QAASA,CAAAA,OAAAA,CAAO,KAAK,CAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KACH,CAAA,CAAA;AAxCE,IAAO,MAAA,CAAA,gBAAA,CAAiB,YAAY,MAAM;AACxC,MAAA,IAAA,CAAK,IAAK,CAAA,UAAA,EAAY,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AAAA,GACH;AAsCF,CAAA;AAtDE,cAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AAkBA,WAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/dist/dashboard/PanelNotFound.js

@@ -0,0 +1,14 @@
+import { jsx, Fragment, jsxs } from '@apia/theme/jsx-runtime';
+import { Heading } from '@apia/theme';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+
+const PanelNotFound = () => {
+  const props = usePanelIdentity();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Heading, { children: [
+    "Panel not found: ",
+    props.panelType
+  ] }) });
+};
+
+export { PanelNotFound };
+//# sourceMappingURL=PanelNotFound.js.map

package/dist/dashboard/PanelNotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelNotFound.js","sources":["../../src/dashboard/PanelNotFound.tsx"],"sourcesContent":["import { Heading } from '@apia/theme';\r\nimport { usePanelIdentity } from '../common';\r\n\r\nexport const PanelNotFound = () => {\r\n  const props = usePanelIdentity();\r\n\r\n  return (\r\n    <>\r\n      <Heading>Panel not found: {props.panelType}</Heading>\r\n    </>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;AAGO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,QAAQ,gBAAiB,EAAA,CAAA;AAE/B,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACE,+BAAC,OAAQ,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,mBAAA;AAAA,IAAkB,KAAM,CAAA,SAAA;AAAA,GAAA,EAAU,CAC7C,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/dashboard/dashboard.d.ts

@@ -0,0 +1,26 @@
+import * as react from 'react';
+import { ReactPortal } from 'react';
+import { EventEmitter } from '@apia/util';
+import { PanelContainer } from '../types.js';
+import { DashboardPanelsBootstraper } from './DashboardPanelsBootstraper.js';
+import { DashboardPanel } from './DashboardPanel.js';
+import { Router } from './DashboardRouter.js';
+
+declare class Dashboard extends EventEmitter<{
+    changeScene: string;
+}> {
+    #private;
+    urlContext: string;
+    bootstrapper: DashboardPanelsBootstraper;
+    panels: Record<string, DashboardPanel> | null;
+    router: Router;
+    scenes: Record<string, string[]>;
+    getPanel: (id: string) => DashboardPanel;
+    getPanelByName: (name: string) => DashboardPanel | undefined;
+    constructor(panelsContainer: PanelContainer | undefined, urlContext: string);
+    loadScene: (scene?: string) => ReactPortal[];
+    Component: () => react.JSX.Element;
+}
+
+export { Dashboard };
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/dashboard/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dashboard/dashboard.js

@@ -0,0 +1,167 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { EventEmitter, useMount } from '@apia/util';
+import { useState, useDeferredValue } from 'react';
+import { DefaultPanelWrapper } from '../splash/panels/DefaultPanelWrapper/index.js';
+import { DashboardPanelsBootstraper } from './DashboardPanelsBootstraper.js';
+import { DashboardContext } from './DashboardContext.js';
+import { DashboardPanel } from './DashboardPanel.js';
+import { DragAndDrop } from '../splash/util/DragAndDrop.js';
+import { eventsController } from '../eventsController/eventsController.js';
+import { Router } from './DashboardRouter.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  member.set(obj, value);
+  return value;
+};
+var _currentScene, _dragAndDrop, _PanelContainer, _panelsRenderedPortals, _loadPanels, _Context, _suscribeToEvents, _usePanelsList, _SceneRenderer;
+class Dashboard extends EventEmitter {
+  constructor(panelsContainer = DefaultPanelWrapper, urlContext) {
+    super();
+    this.urlContext = urlContext;
+    __publicField(this, "bootstrapper", new DashboardPanelsBootstraper(this));
+    __publicField(this, "panels", null);
+    __publicField(this, "router", new Router());
+    __publicField(this, "scenes", {});
+    __privateAdd(this, _currentScene, "/");
+    __privateAdd(this, _dragAndDrop, new DragAndDrop());
+    __privateAdd(this, _PanelContainer, DefaultPanelWrapper);
+    __privateAdd(this, _panelsRenderedPortals, []);
+    __publicField(this, "getPanel", (id) => this.panels?.[id]);
+    __publicField(this, "getPanelByName", (name) => Object.values(this.panels ?? {}).find(
+      (current) => current.props.name === name
+    ));
+    __privateAdd(this, _loadPanels, () => {
+      this.panels = {};
+      const panelsElements = document.querySelectorAll(
+        "[data-panel]"
+      );
+      Array.from(panelsElements).forEach((current) => {
+        const panel = new DashboardPanel({
+          dashboard: this,
+          PanelContainer: __privateGet(this, _PanelContainer),
+          id: current.dataset.id
+        });
+        let panelPath = panel.getParameters().PAR_SPA_PATH || "*";
+        if (panelPath === "/")
+          panelPath = `/${this.urlContext}`;
+        if (panelPath !== "*")
+          panel.hide();
+        else
+          panel.show();
+        const paths = panelPath.split(",");
+        paths.forEach((currentPath) => {
+          if (!this.scenes[currentPath])
+            this.scenes[currentPath] = [];
+          this.scenes[currentPath].push(panel.props.id);
+        });
+        this.panels[panel.props.id] = panel;
+        __privateGet(this, _panelsRenderedPortals).push(panel.portal);
+      });
+      __privateGet(this, _dragAndDrop).bootstrap();
+    });
+    __privateAdd(this, _Context, ({ children }) => {
+      return /* @__PURE__ */ jsx(DashboardContext.Provider, { value: this, children });
+    });
+    __privateAdd(this, _suscribeToEvents, () => {
+      eventsController.onEvent({ eventType: "dashboard__focus" }, () => {
+        Object.values(this.panels ?? {}).forEach((current) => {
+          if (current.props.refreshOnHome) {
+            void current.refresh();
+          }
+        });
+      });
+    });
+    __privateAdd(this, _usePanelsList, () => {
+      const [panels, setPanels] = useState(null);
+      const deferredPanels = useDeferredValue(panels);
+      useMount(() => {
+        this.loadScene();
+        setPanels(__privateGet(this, _panelsRenderedPortals));
+      });
+      this.router.useSwitch([
+        {
+          route: new RegExp(`(?:/spa)?/(\\w+)`),
+          callback: (result) => {
+            console.log("Dashboard", { scene: result[1] });
+            this.loadScene(result[1]);
+          }
+        },
+        {
+          route: new RegExp(`/`),
+          callback: () => {
+            console.log("Dashboard", { noScene: "/" });
+            this.loadScene("/");
+          }
+        }
+      ]);
+      return deferredPanels;
+    });
+    __privateAdd(this, _SceneRenderer, () => {
+      const Context = __privateGet(this, _Context);
+      const panels = __privateGet(this, _usePanelsList).call(this);
+      return /* @__PURE__ */ jsx(Context, { children: panels });
+    });
+    __publicField(this, "loadScene", (scene = __privateGet(this, _currentScene)) => {
+      let actualScene = scene;
+      if (!actualScene.startsWith("/"))
+        actualScene = `/${actualScene}`;
+      if (!this.panels)
+        __privateGet(this, _loadPanels).call(this);
+      if (!this.scenes[actualScene])
+        this.scenes[actualScene] = [];
+      this.scenes[__privateGet(this, _currentScene)].forEach((scenePanelId) => {
+        if (!this.scenes[actualScene].includes(scenePanelId))
+          this.panels?.[scenePanelId]?.hide();
+      });
+      this.scenes[actualScene].forEach((scenePanelIds) => {
+        const panel = this.panels?.[scenePanelIds];
+        if (panel) {
+          panel.show();
+          if (panel.hasInited && panel.props.refreshOnStart)
+            void panel.refresh();
+        }
+      });
+      __privateSet(this, _currentScene, actualScene);
+      return __privateGet(this, _panelsRenderedPortals);
+    });
+    __publicField(this, "Component", () => {
+      const R = __privateGet(this, _SceneRenderer);
+      return /* @__PURE__ */ jsx(R, {});
+    });
+    __privateSet(this, _currentScene, `/`);
+    __privateSet(this, _PanelContainer, panelsContainer ?? __privateGet(this, _PanelContainer));
+    __privateGet(this, _suscribeToEvents).call(this);
+  }
+}
+_currentScene = new WeakMap();
+_dragAndDrop = new WeakMap();
+_PanelContainer = new WeakMap();
+_panelsRenderedPortals = new WeakMap();
+_loadPanels = new WeakMap();
+_Context = new WeakMap();
+_suscribeToEvents = new WeakMap();
+_usePanelsList = new WeakMap();
+_SceneRenderer = new WeakMap();
+
+export { Dashboard };
+//# sourceMappingURL=dashboard.js.map

package/dist/dashboard/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.js","sources":["../../src/dashboard/dashboard.tsx"],"sourcesContent":["import { EventEmitter, useMount } from '@apia/util';\r\nimport { ReactNode, ReactPortal, useDeferredValue, useState } from 'react';\r\nimport { PanelContainer } from '../types';\r\nimport { DefaultPanelWrapper } from '../splash/panels/DefaultPanelWrapper';\r\nimport { DashboardPanelsBootstraper } from './DashboardPanelsBootstraper';\r\nimport { DashboardContext } from './DashboardContext';\r\nimport { DashboardPanel } from './DashboardPanel';\r\nimport { DragAndDrop } from '../splash/util/DragAndDrop';\r\nimport { eventsController } from '../eventsController';\r\nimport { Router } from './DashboardRouter';\r\n\r\nexport class Dashboard extends EventEmitter<{\r\n  changeScene: string;\r\n}> {\r\n  bootstrapper = new DashboardPanelsBootstraper(this);\r\n  panels: Record<string, DashboardPanel> | null = null;\r\n  router = new Router();\r\n  scenes: Record<string, string[]> = {};\r\n\r\n  #currentScene = '/';\r\n  #dragAndDrop = new DragAndDrop();\r\n  #PanelContainer: PanelContainer = DefaultPanelWrapper;\r\n  #panelsRenderedPortals: ReactPortal[] = [];\r\n\r\n  getPanel = (id: string) => this.panels?.[id] as DashboardPanel;\r\n  getPanelByName = (name: string) =>\r\n    Object.values(this.panels ?? {}).find(\r\n      (current) => current.props.name === name,\r\n    );\r\n\r\n  #loadPanels = () => {\r\n    this.panels = {};\r\n\r\n    const panelsElements = document.querySelectorAll(\r\n      '[data-panel]',\r\n    ) as NodeListOf<HTMLElement>;\r\n\r\n    Array.from(panelsElements).forEach((current) => {\r\n      const panel = new DashboardPanel({\r\n        dashboard: this,\r\n        PanelContainer: this.#PanelContainer,\r\n        id: current.dataset.id as string,\r\n      });\r\n\r\n      let panelPath = (panel.getParameters().PAR_SPA_PATH as string) || '*';\r\n      if (panelPath === '/') panelPath = `/${this.urlContext}`;\r\n      if (panelPath !== '*') panel.hide();\r\n      else panel.show();\r\n\r\n      const paths = panelPath.split(',');\r\n      paths.forEach((currentPath) => {\r\n        if (!this.scenes[currentPath]) this.scenes[currentPath] = [];\r\n        this.scenes[currentPath].push(panel.props.id);\r\n      });\r\n\r\n      (this.panels as Record<string, DashboardPanel>)[panel.props.id] = panel;\r\n\r\n      this.#panelsRenderedPortals.push(panel.portal);\r\n    });\r\n\r\n    this.#dragAndDrop.bootstrap();\r\n  };\r\n\r\n  #Context = ({ children }: { children: ReactNode }) => {\r\n    return (\r\n      <DashboardContext.Provider value={this}>\r\n        {children}\r\n      </DashboardContext.Provider>\r\n    );\r\n  };\r\n\r\n  #suscribeToEvents = () => {\r\n    eventsController.onEvent({ eventType: 'dashboard__focus' }, () => {\r\n      Object.values(this.panels ?? {}).forEach((current) => {\r\n        if (current.props.refreshOnHome) {\r\n          void current.refresh();\r\n        }\r\n      });\r\n    });\r\n  };\r\n  #usePanelsList = () => {\r\n    const [panels, setPanels] = useState<ReactNode>(null);\r\n    const deferredPanels = useDeferredValue(panels);\r\n\r\n    useMount(() => {\r\n      this.loadScene();\r\n      setPanels(this.#panelsRenderedPortals);\r\n    });\r\n\r\n    this.router.useSwitch([\r\n      {\r\n        route: new RegExp(`(?:/spa)?/(\\\\w+)`),\r\n        callback: (result) => {\r\n          console.log('Dashboard', { scene: result[1] });\r\n          this.loadScene(result[1]);\r\n        },\r\n      },\r\n      {\r\n        route: new RegExp(`/`),\r\n        callback: () => {\r\n          console.log('Dashboard', { noScene: '/' });\r\n          this.loadScene('/');\r\n        },\r\n      },\r\n    ]);\r\n\r\n    return deferredPanels;\r\n  };\r\n\r\n  constructor(\r\n    panelsContainer: PanelContainer = DefaultPanelWrapper,\r\n    public urlContext: string,\r\n  ) {\r\n    super();\r\n\r\n    this.#currentScene = `/`;\r\n    this.#PanelContainer = panelsContainer ?? this.#PanelContainer;\r\n    this.#suscribeToEvents();\r\n  }\r\n\r\n  #SceneRenderer = () => {\r\n    const Context = this.#Context;\r\n    const panels = this.#usePanelsList();\r\n\r\n    return <Context>{panels}</Context>;\r\n  };\r\n\r\n  loadScene = (scene: string = this.#currentScene): ReactPortal[] => {\r\n    let actualScene = scene;\r\n    if (!actualScene.startsWith('/')) actualScene = `/${actualScene}`;\r\n\r\n    if (!this.panels) this.#loadPanels();\r\n    if (!this.scenes[actualScene]) this.scenes[actualScene] = [];\r\n\r\n    this.scenes[this.#currentScene].forEach((scenePanelId) => {\r\n      if (!this.scenes[actualScene].includes(scenePanelId))\r\n        this.panels?.[scenePanelId]?.hide();\r\n    });\r\n    this.scenes[actualScene].forEach((scenePanelIds) => {\r\n      const panel = this.panels?.[scenePanelIds];\r\n      if (panel) {\r\n        panel.show();\r\n        if (panel.hasInited && panel.props.refreshOnStart) void panel.refresh();\r\n      }\r\n    });\r\n\r\n    this.#currentScene = actualScene;\r\n\r\n    return this.#panelsRenderedPortals;\r\n  };\r\n\r\n  Component = () => {\r\n    const R = this.#SceneRenderer;\r\n    return <R />;\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/eventsController/eventsController.d.ts

@@ -0,0 +1,11 @@
+import { TPanelEventRegister, TPanelIdentifier, TPanelEventIdentifier, TPanelEventCallback } from './types.js';
+
+declare const eventsController: {
+    callbacks: TPanelEventRegister<any>[];
+    broadcast(eventType: string, payload: any): void;
+    fireEvent(origin: TPanelIdentifier, eventType: string, payload: any): void;
+    onEvent<PayloadEvent>(distinction: Partial<TPanelEventIdentifier>, callback: TPanelEventCallback<PayloadEvent>): () => void;
+};
+
+export { eventsController };
+//# sourceMappingURL=eventsController.d.ts.map

package/dist/eventsController/eventsController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventsController.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/eventsController/eventsController.js

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, key + "" , value);
+  return value;
+};
+function identifierAfitsOnB(a, b) {
+  for (const key of Object.keys(a)) {
+    if (a[key] !== b[key])
+      return false;
+  }
+  return true;
+}
+const eventsController = new class EventsController {
+  constructor() {
+    __publicField(this, "callbacks", []);
+  }
+  broadcast(eventType, payload) {
+    const origin = {
+      panelId: "broadcast",
+      panelName: "broadcast",
+      panelType: "broadcast",
+      panelTitle: "broadcast"
+    };
+    this.callbacks.forEach(({ callback, ...current }) => {
+      if (eventType === current.eventType) {
+        callback({ ...origin, eventType, payload });
+      }
+    });
+  }
+  fireEvent(origin, eventType, payload) {
+    if ([origin.panelId, origin.panelName, origin.panelType].includes("*"))
+      throw new Error(
+        "Broadcast is not allowed through fireEvent, use broadcast instead"
+      );
+    this.callbacks.forEach(({ callback, ...current }) => {
+      if (identifierAfitsOnB(current, { ...origin, eventType })) {
+        callback({ ...origin, eventType, payload });
+      }
+    });
+  }
+  onEvent(distinction, callback) {
+    const register = {
+      ...distinction,
+      callback
+    };
+    this.callbacks.push(register);
+    return () => {
+      this.callbacks = this.callbacks.filter((current) => {
+        return current !== register;
+      });
+    };
+  }
+}();
+
+export { eventsController };
+//# sourceMappingURL=eventsController.js.map

package/dist/eventsController/eventsController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventsController.js","sources":["../../src/eventsController/eventsController.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport {\r\n  TPanelEventCallback,\r\n  TPanelEventIdentifier,\r\n  TPanelEventRegister,\r\n  TPanelIdentifier,\r\n} from './types';\r\n\r\nfunction identifierAfitsOnB(\r\n  a: Partial<TPanelEventIdentifier>,\r\n  b: TPanelEventIdentifier,\r\n) {\r\n  // eslint-disable-next-line no-restricted-syntax, @typescript-eslint/no-for-in-array\r\n  for (const key of Object.keys(a)) {\r\n    if (\r\n      a[key as keyof Partial<TPanelIdentifier>] !==\r\n      b[key as keyof TPanelIdentifier]\r\n    )\r\n      return false;\r\n  }\r\n\r\n  return true;\r\n}\r\n\r\nexport const eventsController = new (class EventsController {\r\n  callbacks: TPanelEventRegister<any>[] = [];\r\n\r\n  broadcast(eventType: string, payload: any) {\r\n    const origin: TPanelIdentifier = {\r\n      panelId: 'broadcast',\r\n      panelName: 'broadcast',\r\n      panelType: 'broadcast',\r\n      panelTitle: 'broadcast',\r\n    };\r\n\r\n    this.callbacks.forEach(({ callback, ...current }) => {\r\n      if (eventType === current.eventType) {\r\n        callback({ ...origin, eventType, payload });\r\n      }\r\n    });\r\n  }\r\n\r\n  fireEvent(origin: TPanelIdentifier, eventType: string, payload: any) {\r\n    if ([origin.panelId, origin.panelName, origin.panelType].includes('*'))\r\n      throw new Error(\r\n        'Broadcast is not allowed through fireEvent, use broadcast instead',\r\n      );\r\n\r\n    this.callbacks.forEach(({ callback, ...current }) => {\r\n      if (identifierAfitsOnB(current, { ...origin, eventType })) {\r\n        callback({ ...origin, eventType, payload });\r\n      }\r\n    });\r\n  }\r\n\r\n  onEvent<PayloadEvent>(\r\n    distinction: Partial<TPanelEventIdentifier>,\r\n    callback: TPanelEventCallback<PayloadEvent>,\r\n  ) {\r\n    const register: TPanelEventRegister<PayloadEvent> = {\r\n      ...distinction,\r\n      callback,\r\n    };\r\n\r\n    this.callbacks.push(register);\r\n\r\n    return () => {\r\n      this.callbacks = this.callbacks.filter((current) => {\r\n        return current !== register;\r\n      });\r\n    };\r\n  }\r\n})();\r\n"],"names":[],"mappings":";;;;;;AASA,SAAS,kBAAA,CACP,GACA,CACA,EAAA;AAEA,EAAA,KAAA,MAAW,GAAO,IAAA,MAAA,CAAO,IAAK,CAAA,CAAC,CAAG,EAAA;AAChC,IAAA,IACE,CAAE,CAAA,GAAsC,CACxC,KAAA,CAAA,CAAE,GAA6B,CAAA;AAE/B,MAAO,OAAA,KAAA,CAAA;AAAA,GACX;AAEA,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEa,MAAA,gBAAA,GAAmB,IAAK,MAAM,gBAAiB,CAAA;AAAA,EAAvB,WAAA,GAAA;AACnC,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAwC,EAAC,CAAA,CAAA;AAAA,GAAA;AAAA,EAEzC,SAAA,CAAU,WAAmB,OAAc,EAAA;AACzC,IAAA,MAAM,MAA2B,GAAA;AAAA,MAC/B,OAAS,EAAA,WAAA;AAAA,MACT,SAAW,EAAA,WAAA;AAAA,MACX,SAAW,EAAA,WAAA;AAAA,MACX,UAAY,EAAA,WAAA;AAAA,KACd,CAAA;AAEA,IAAA,IAAA,CAAK,UAAU,OAAQ,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAc,KAAA;AACnD,MAAI,IAAA,SAAA,KAAc,QAAQ,SAAW,EAAA;AACnC,QAAA,QAAA,CAAS,EAAE,GAAG,MAAQ,EAAA,SAAA,EAAW,SAAS,CAAA,CAAA;AAAA,OAC5C;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,SAAA,CAAU,MAA0B,EAAA,SAAA,EAAmB,OAAc,EAAA;AACnE,IAAI,IAAA,CAAC,OAAO,OAAS,EAAA,MAAA,CAAO,WAAW,MAAO,CAAA,SAAS,CAAE,CAAA,QAAA,CAAS,GAAG,CAAA;AACnE,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,mEAAA;AAAA,OACF,CAAA;AAEF,IAAA,IAAA,CAAK,UAAU,OAAQ,CAAA,CAAC,EAAE,QAAU,EAAA,GAAG,SAAc,KAAA;AACnD,MAAA,IAAI,mBAAmB,OAAS,EAAA,EAAE,GAAG,MAAQ,EAAA,SAAA,EAAW,CAAG,EAAA;AACzD,QAAA,QAAA,CAAS,EAAE,GAAG,MAAQ,EAAA,SAAA,EAAW,SAAS,CAAA,CAAA;AAAA,OAC5C;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,OAAA,CACE,aACA,QACA,EAAA;AACA,IAAA,MAAM,QAA8C,GAAA;AAAA,MAClD,GAAG,WAAA;AAAA,MACH,QAAA;AAAA,KACF,CAAA;AAEA,IAAK,IAAA,CAAA,SAAA,CAAU,KAAK,QAAQ,CAAA,CAAA;AAE5B,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,CAAK,SAAY,GAAA,IAAA,CAAK,SAAU,CAAA,MAAA,CAAO,CAAC,OAAY,KAAA;AAClD,QAAA,OAAO,OAAY,KAAA,QAAA,CAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KACH,CAAA;AAAA,GACF;AACF,CAAG;;;;"}

package/dist/eventsController/types.d.ts

@@ -0,0 +1,21 @@
+import { TPanelId, TPanelName, TPanelType } from '../types.js';
+
+interface TPanelIdentifier {
+    panelId: TPanelId;
+    panelName: TPanelName;
+    panelTitle: string;
+    panelType: TPanelType;
+}
+type TPanelEventIdentifier = TPanelIdentifier & {
+    eventType: string;
+};
+type TPanelEvent<PayloadEvent = unknown> = TPanelEventIdentifier & {
+    payload: PayloadEvent;
+};
+type TPanelEventCallback<PayloadEvent> = (event: TPanelEvent<PayloadEvent>) => unknown;
+type TPanelEventRegister<PayloadEvent> = {
+    callback: TPanelEventCallback<PayloadEvent>;
+} & Partial<TPanelEventIdentifier>;
+
+export type { TPanelEvent, TPanelEventCallback, TPanelEventIdentifier, TPanelEventRegister, TPanelIdentifier };
+//# sourceMappingURL=types.d.ts.map

package/dist/eventsController/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/eventsController/usePanelFireEvent.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Este hook devuelve un método que puede ser llamado para emitir un evento en
+ * el panel desde el cual es llamado. Los eventos de panel son emitidos con id
+ * de panel, tipo de panel, nombre de panel y tipo de evento y las suscripciones
+ * pueden ser realizadas a un conjunto arbitrario de estos identificadores.
+ *
+ * El segundo parámetro del método fireEvent devuelto es el payload, que puede
+ * ser de cualquier tipo.
+ */
+declare function usePanelFireEvent(): (eventType: string, payload: any) => void;
+
+export { usePanelFireEvent };
+//# sourceMappingURL=usePanelFireEvent.d.ts.map

package/dist/eventsController/usePanelFireEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelFireEvent.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/eventsController/usePanelFireEvent.js

@@ -0,0 +1,21 @@
+import { useCallback } from 'react';
+import { eventsController } from './eventsController.js';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+
+function usePanelFireEvent() {
+  const { panelId, panelName, panelType, panelTitle } = usePanelIdentity();
+  const fireEvent = useCallback(
+    (eventType, payload) => {
+      eventsController.fireEvent(
+        { panelId, panelName, panelType, panelTitle },
+        eventType,
+        payload
+      );
+    },
+    [panelId, panelName, panelType, panelTitle]
+  );
+  return fireEvent;
+}
+
+export { usePanelFireEvent };
+//# sourceMappingURL=usePanelFireEvent.js.map

package/dist/eventsController/usePanelFireEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelFireEvent.js","sources":["../../src/eventsController/usePanelFireEvent.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { useCallback } from 'react';\r\nimport { eventsController } from './eventsController';\r\nimport { usePanelIdentity } from '../common/usePanelIdentity';\r\n\r\n/**\r\n * Este hook devuelve un método que puede ser llamado para emitir un evento en\r\n * el panel desde el cual es llamado. Los eventos de panel son emitidos con id\r\n * de panel, tipo de panel, nombre de panel y tipo de evento y las suscripciones\r\n * pueden ser realizadas a un conjunto arbitrario de estos identificadores.\r\n *\r\n * El segundo parámetro del método fireEvent devuelto es el payload, que puede\r\n * ser de cualquier tipo.\r\n */\r\nexport function usePanelFireEvent() {\r\n  const { panelId, panelName, panelType, panelTitle } = usePanelIdentity();\r\n\r\n  const fireEvent = useCallback(\r\n    (eventType: string, payload: any) => {\r\n      eventsController.fireEvent(\r\n        { panelId, panelName, panelType, panelTitle },\r\n        eventType,\r\n        payload,\r\n      );\r\n    },\r\n    [panelId, panelName, panelType, panelTitle],\r\n  );\r\n\r\n  return fireEvent;\r\n}\r\n"],"names":[],"mappings":";;;;AAeO,SAAS,iBAAoB,GAAA;AAClC,EAAA,MAAM,EAAE,OAAS,EAAA,SAAA,EAAW,SAAW,EAAA,UAAA,KAAe,gBAAiB,EAAA,CAAA;AAEvE,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,WAAmB,OAAiB,KAAA;AACnC,MAAiB,gBAAA,CAAA,SAAA;AAAA,QACf,EAAE,OAAA,EAAS,SAAW,EAAA,SAAA,EAAW,UAAW,EAAA;AAAA,QAC5C,SAAA;AAAA,QACA,OAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,IACA,CAAC,OAAA,EAAS,SAAW,EAAA,SAAA,EAAW,UAAU,CAAA;AAAA,GAC5C,CAAA;AAEA,EAAO,OAAA,SAAA,CAAA;AACT;;;;"}

package/dist/eventsController/usePanelOnEvent.d.ts

@@ -0,0 +1,12 @@
+import { TPanelEventIdentifier, TPanelEventCallback } from './types.js';
+
+/**
+ * Este hook permite realizar suscripciones a eventos de paneles. Deberá ser
+ * llamado una vez por cada suscripción que desee hacerse dentro de un panel y
+ * no se deberán ejecutar acciones para romper las suscripciones hechas, ya que
+ * este hook maneja esa lógica de forma automática.
+ */
+declare function usePanelOnEvent<PayloadEvent>(distinction: Partial<TPanelEventIdentifier>, callback: TPanelEventCallback<PayloadEvent>): void;
+
+export { usePanelOnEvent };
+//# sourceMappingURL=usePanelOnEvent.d.ts.map

package/dist/eventsController/usePanelOnEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelOnEvent.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/eventsController/usePanelOnEvent.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import { eventsController } from './eventsController.js';
+
+function usePanelOnEvent(distinction, callback) {
+  useEffect(() => {
+    const unsuscriber = eventsController.onEvent(distinction, callback);
+    return () => {
+      unsuscriber();
+    };
+  });
+}
+
+export { usePanelOnEvent };
+//# sourceMappingURL=usePanelOnEvent.js.map

package/dist/eventsController/usePanelOnEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelOnEvent.js","sources":["../../src/eventsController/usePanelOnEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\r\nimport { eventsController } from './eventsController';\r\nimport { TPanelEventIdentifier, TPanelEventCallback } from './types';\r\n\r\n/**\r\n * Este hook permite realizar suscripciones a eventos de paneles. Deberá ser\r\n * llamado una vez por cada suscripción que desee hacerse dentro de un panel y\r\n * no se deberán ejecutar acciones para romper las suscripciones hechas, ya que\r\n * este hook maneja esa lógica de forma automática.\r\n */\r\nexport function usePanelOnEvent<PayloadEvent>(\r\n  distinction: Partial<TPanelEventIdentifier>,\r\n  callback: TPanelEventCallback<PayloadEvent>,\r\n) {\r\n  useEffect(() => {\r\n    const unsuscriber = eventsController.onEvent(distinction, callback);\r\n\r\n    return () => {\r\n      unsuscriber();\r\n    };\r\n  });\r\n}\r\n"],"names":[],"mappings":";;;AAUgB,SAAA,eAAA,CACd,aACA,QACA,EAAA;AACA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAc,GAAA,gBAAA,CAAiB,OAAQ,CAAA,WAAA,EAAa,QAAQ,CAAA,CAAA;AAElE,IAAA,OAAO,MAAM;AACX,MAAY,WAAA,EAAA,CAAA;AAAA,KACd,CAAA;AAAA,GACD,CAAA,CAAA;AACH;;;;"}