@apia/dashboard-controller 2.0.0

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, 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 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 */\nimport { EventEmitter, useMount } from '@apia/util';\nimport { useRef } from 'react';\nimport { shallowEqual } from 'react-redux';\n\nexport type TSwitchRoute = {\n  /**\n   * El callback será llamado si la ruta coincide.\n   */\n  callback: (result: RegExpMatchArray) => unknown;\n  route: RegExp;\n};\n\nexport type TUseSwitch = TSwitchRoute[];\n\nexport class Router extends EventEmitter<{ newRoute: string }> {\n  #matchLocation = (regexp: RegExp) => {\n    const path =\n      '/' +\n      (window.location.href\n        .replaceAll('%20', ' ')\n        .match(new RegExp(`${window.CONTEXT}/?([^?]+)?(?:\\\\?.*)?`))?.[1] ?? '');\n\n    return path.match(regexp);\n  };\n\n  constructor() {\n    super();\n\n    window.addEventListener('popstate', () => {\n      this.emit('newRoute', window.location.href);\n    });\n  }\n\n  #evalRoutes = (routes: TUseSwitch) => {\n    for (let i = 0; i < routes.length; i++) {\n      const match = this.#matchLocation(routes[i].route);\n      if (match) {\n        return { route: routes[i], match };\n      }\n    }\n  };\n\n  /**\n   * Se evaluarán las rutas en orden y la primera en coincidir será tomada como\n   * resultado del cambio de ruta.\n   *\n   * Las rutas provistas deberán matchear contra el path actual. El path actual\n   * es la porción de la ruta luego del dominio y el contexto. Ejemplo:\n   *\n   * http://localhost/apia                              =>      path='/'\n   * http://localhost/apia/spa/categories/comidas/1     =>      path='/spa/categories/comidas/1'\n   */\n  useSwitch = (routes: TUseSwitch) => {\n    const lastMatch = useRef<TSwitchRoute | null>(null);\n\n    useMount(() => {\n      const result = this.#evalRoutes(routes);\n      if (result) {\n        result.route.callback(result.match);\n      }\n\n      return this.on('newRoute', () => {\n        const result = this.#evalRoutes(routes);\n        if (result && !shallowEqual(result.match, lastMatch.current)) {\n          result.route.callback(result.match);\n        }\n      });\n    });\n  };\n}\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';\nimport { usePanelIdentity } from '../common';\n\nexport const PanelNotFound = () => {\n  const props = usePanelIdentity();\n\n  return (\n    <>\n      <Heading>Panel not found: {props.panelType}</Heading>\n    </>\n  );\n};\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 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 __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : 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';\nimport { ReactNode, ReactPortal, useDeferredValue, useState } from 'react';\nimport { PanelContainer } from '../types';\nimport { DefaultPanelWrapper } from '../splash/panels/DefaultPanelWrapper';\nimport { DashboardPanelsBootstraper } from './DashboardPanelsBootstraper';\nimport { DashboardContext } from './DashboardContext';\nimport { DashboardPanel } from './DashboardPanel';\nimport { DragAndDrop } from '../splash/util/DragAndDrop';\nimport { eventsController } from '../eventsController';\nimport { Router } from './DashboardRouter';\n\nexport class Dashboard extends EventEmitter<{\n  changeScene: string;\n}> {\n  bootstrapper = new DashboardPanelsBootstraper(this);\n  panels: Record<string, DashboardPanel> | null = null;\n  router = new Router();\n  scenes: Record<string, string[]> = {};\n\n  #currentScene = '/';\n  #dragAndDrop = new DragAndDrop();\n  #PanelContainer: PanelContainer = DefaultPanelWrapper;\n  #panelsRenderedPortals: ReactPortal[] = [];\n\n  getPanel = (id: string) => this.panels?.[id] as DashboardPanel;\n  getPanelByName = (name: string) =>\n    Object.values(this.panels ?? {}).find(\n      (current) => current.props.name === name,\n    );\n\n  #loadPanels = () => {\n    this.panels = {};\n\n    const panelsElements = document.querySelectorAll(\n      '[data-panel]',\n    ) as NodeListOf<HTMLElement>;\n\n    Array.from(panelsElements).forEach((current) => {\n      const panel = new DashboardPanel({\n        dashboard: this,\n        PanelContainer: this.#PanelContainer,\n        id: current.dataset.id as string,\n      });\n\n      let panelPath = (panel.getParameters().PAR_SPA_PATH as string) || '*';\n      if (panelPath === '/') panelPath = `/${this.urlContext}`;\n      if (panelPath !== '*') panel.hide();\n      else panel.show();\n\n      const paths = panelPath.split(',');\n      paths.forEach((currentPath) => {\n        if (!this.scenes[currentPath]) this.scenes[currentPath] = [];\n        this.scenes[currentPath].push(panel.props.id);\n      });\n\n      (this.panels as Record<string, DashboardPanel>)[panel.props.id] = panel;\n\n      this.#panelsRenderedPortals.push(panel.portal);\n    });\n\n    this.#dragAndDrop.bootstrap();\n  };\n\n  #Context = ({ children }: { children: ReactNode }) => {\n    return (\n      <DashboardContext.Provider value={this}>\n        {children}\n      </DashboardContext.Provider>\n    );\n  };\n\n  #suscribeToEvents = () => {\n    eventsController.onEvent({ eventType: 'dashboard__focus' }, () => {\n      Object.values(this.panels ?? {}).forEach((current) => {\n        if (current.props.refreshOnHome) {\n          void current.refresh();\n        }\n      });\n    });\n  };\n  #usePanelsList = () => {\n    const [panels, setPanels] = useState<ReactNode>(null);\n    const deferredPanels = useDeferredValue(panels);\n\n    useMount(() => {\n      this.loadScene();\n      setPanels(this.#panelsRenderedPortals);\n    });\n\n    this.router.useSwitch([\n      {\n        route: new RegExp(`(?:/spa)?/(\\\\w+)`),\n        callback: (result) => {\n          console.log('Dashboard', { scene: result[1] });\n          this.loadScene(result[1]);\n        },\n      },\n      {\n        route: new RegExp(`/`),\n        callback: () => {\n          console.log('Dashboard', { noScene: '/' });\n          this.loadScene('/');\n        },\n      },\n    ]);\n\n    return deferredPanels;\n  };\n\n  constructor(\n    panelsContainer: PanelContainer = DefaultPanelWrapper,\n    public urlContext: string,\n  ) {\n    super();\n\n    this.#currentScene = `/`;\n    this.#PanelContainer = panelsContainer ?? this.#PanelContainer;\n    this.#suscribeToEvents();\n  }\n\n  #SceneRenderer = () => {\n    const Context = this.#Context;\n    const panels = this.#usePanelsList();\n\n    return <Context>{panels}</Context>;\n  };\n\n  loadScene = (scene: string = this.#currentScene): ReactPortal[] => {\n    let actualScene = scene;\n    if (!actualScene.startsWith('/')) actualScene = `/${actualScene}`;\n\n    if (!this.panels) this.#loadPanels();\n    if (!this.scenes[actualScene]) this.scenes[actualScene] = [];\n\n    this.scenes[this.#currentScene].forEach((scenePanelId) => {\n      if (!this.scenes[actualScene].includes(scenePanelId))\n        this.panels?.[scenePanelId]?.hide();\n    });\n    this.scenes[actualScene].forEach((scenePanelIds) => {\n      const panel = this.panels?.[scenePanelIds];\n      if (panel) {\n        panel.show();\n        if (panel.hasInited && panel.props.refreshOnStart) void panel.refresh();\n      }\n    });\n\n    this.#currentScene = actualScene;\n\n    return this.#panelsRenderedPortals;\n  };\n\n  Component = () => {\n    const R = this.#SceneRenderer;\n    return <R />;\n  };\n}\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, typeof key !== "symbol" ? key + "" : 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 */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  TPanelEventCallback,\n  TPanelEventIdentifier,\n  TPanelEventRegister,\n  TPanelIdentifier,\n} from './types';\n\nfunction identifierAfitsOnB(\n  a: Partial<TPanelEventIdentifier>,\n  b: TPanelEventIdentifier,\n) {\n  // eslint-disable-next-line no-restricted-syntax, @typescript-eslint/no-for-in-array\n  for (const key of Object.keys(a)) {\n    if (\n      a[key as keyof Partial<TPanelIdentifier>] !==\n      b[key as keyof TPanelIdentifier]\n    )\n      return false;\n  }\n\n  return true;\n}\n\nexport const eventsController = new (class EventsController {\n  callbacks: TPanelEventRegister<any>[] = [];\n\n  broadcast(eventType: string, payload: any) {\n    const origin: TPanelIdentifier = {\n      panelId: 'broadcast',\n      panelName: 'broadcast',\n      panelType: 'broadcast',\n      panelTitle: 'broadcast',\n    };\n\n    this.callbacks.forEach(({ callback, ...current }) => {\n      if (eventType === current.eventType) {\n        callback({ ...origin, eventType, payload });\n      }\n    });\n  }\n\n  fireEvent(origin: TPanelIdentifier, eventType: string, payload: any) {\n    if ([origin.panelId, origin.panelName, origin.panelType].includes('*'))\n      throw new Error(\n        'Broadcast is not allowed through fireEvent, use broadcast instead',\n      );\n\n    this.callbacks.forEach(({ callback, ...current }) => {\n      if (identifierAfitsOnB(current, { ...origin, eventType })) {\n        callback({ ...origin, eventType, payload });\n      }\n    });\n  }\n\n  onEvent<PayloadEvent>(\n    distinction: Partial<TPanelEventIdentifier>,\n    callback: TPanelEventCallback<PayloadEvent>,\n  ) {\n    const register: TPanelEventRegister<PayloadEvent> = {\n      ...distinction,\n      callback,\n    };\n\n    this.callbacks.push(register);\n\n    return () => {\n      this.callbacks = this.callbacks.filter((current) => {\n        return current !== register;\n      });\n    };\n  }\n})();\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 */\n\nimport { useCallback } from 'react';\nimport { eventsController } from './eventsController';\nimport { usePanelIdentity } from '../common/usePanelIdentity';\n\n/**\n * Este hook devuelve un método que puede ser llamado para emitir un evento en\n * el panel desde el cual es llamado. Los eventos de panel son emitidos con id\n * de panel, tipo de panel, nombre de panel y tipo de evento y las suscripciones\n * pueden ser realizadas a un conjunto arbitrario de estos identificadores.\n *\n * El segundo parámetro del método fireEvent devuelto es el payload, que puede\n * ser de cualquier tipo.\n */\nexport function usePanelFireEvent() {\n  const { panelId, panelName, panelType, panelTitle } = usePanelIdentity();\n\n  const fireEvent = useCallback(\n    (eventType: string, payload: any) => {\n      eventsController.fireEvent(\n        { panelId, panelName, panelType, panelTitle },\n        eventType,\n        payload,\n      );\n    },\n    [panelId, panelName, panelType, panelTitle],\n  );\n\n  return fireEvent;\n}\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';\nimport { eventsController } from './eventsController';\nimport { TPanelEventIdentifier, TPanelEventCallback } from './types';\n\n/**\n * Este hook permite realizar suscripciones a eventos de paneles. Deberá ser\n * llamado una vez por cada suscripción que desee hacerse dentro de un panel y\n * no se deberán ejecutar acciones para romper las suscripciones hechas, ya que\n * este hook maneja esa lógica de forma automática.\n */\nexport function usePanelOnEvent<PayloadEvent>(\n  distinction: Partial<TPanelEventIdentifier>,\n  callback: TPanelEventCallback<PayloadEvent>,\n) {\n  useEffect(() => {\n    const unsuscriber = eventsController.onEvent(distinction, callback);\n\n    return () => {\n      unsuscriber();\n    };\n  });\n}\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;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+export { usePanelPosition } from './position/usePanelPosition.js';
+export { LandingPagePanelWrapper } from './splash/panels/LandingPagePanelWrapper.js';
+export { PanelIdentifier, PanelIdentifierContext } from './splash/panels/PanelIdentifier.js';
+export { TPanelContext, usePanelContext } from './splash/panels/PanelContext/index.js';
+export { TActionBehavior, TActionSource, TBasicAction, handleAction } from './actions/basicAction.js';
+export { externalFirePanelAction } from './actions/externalFirePanelAction.js';
+export { TActionDispatcher, TActionResult, TFooter, usePanelActions } from './actions/usePanelActions.js';
+export { usePanelIsLoading } from './actions/usePanelIsLoading.js';
+export { usePanelNetworkState } from './actions/usePanelNetworkState.js';
+export { usePanelIdentity } from './common/usePanelIdentity.js';
+export { saveParameters } from './config/saveParameters.js';
+export { usePanelParametersSelector } from './config/usePanelParametersSelector.js';
+export { TParamsStore, parametersStore } from './config/parametersStore.js';
+export { useDashboardContext } from './dashboard/DashboardContext.js';
+export { useDashboardPanel } from './dashboard/DashboardPanelContext.js';
+export { Dashboard } from './dashboard/dashboard.js';
+export { eventsController } from './eventsController/eventsController.js';
+export { usePanelFireEvent } from './eventsController/usePanelFireEvent.js';
+export { usePanelOnEvent } from './eventsController/usePanelOnEvent.js';
+export { TPanelEvent, TPanelEventCallback, TPanelEventIdentifier, TPanelEventRegister, TPanelIdentifier } from './eventsController/types.js';
+export { changePanelTitle, usePanelChangeTitle } from './panelsUtil/usePanelChangeTitle.js';
+export { createPanelStore } from './panelsStore/createPanelStore.js';
+export { useYieldPanelIsReady } from './splash/panels/PanelContext/useYieldPanelIsReady.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,23 @@
+export { usePanelPosition } from './position/usePanelPosition.js';
+export { LandingPagePanelWrapper } from './splash/panels/LandingPagePanelWrapper.js';
+export { PanelIdentifier, PanelIdentifierContext } from './splash/panels/PanelIdentifier.js';
+export { usePanelContext } from './splash/panels/PanelContext/index.js';
+export { useYieldPanelIsReady } from './splash/panels/PanelContext/useYieldPanelIsReady.js';
+export { externalFirePanelAction } from './actions/externalFirePanelAction.js';
+export { usePanelActions } from './actions/usePanelActions.js';
+export { usePanelIsLoading } from './actions/usePanelIsLoading.js';
+export { usePanelNetworkState } from './actions/usePanelNetworkState.js';
+export { handleAction } from './actions/basicAction.js';
+export { usePanelIdentity } from './common/usePanelIdentity.js';
+export { usePanelParametersSelector } from './config/usePanelParametersSelector.js';
+export { saveParameters } from './config/saveParameters.js';
+export { parametersStore } from './config/parametersStore.js';
+export { Dashboard } from './dashboard/dashboard.js';
+export { useDashboardContext } from './dashboard/DashboardContext.js';
+export { useDashboardPanel } from './dashboard/DashboardPanelContext.js';
+export { usePanelFireEvent } from './eventsController/usePanelFireEvent.js';
+export { usePanelOnEvent } from './eventsController/usePanelOnEvent.js';
+export { eventsController } from './eventsController/eventsController.js';
+export { changePanelTitle, usePanelChangeTitle } from './panelsUtil/usePanelChangeTitle.js';
+export { createPanelStore } from './panelsStore/createPanelStore.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/panelsStore/createPanelStore.d.ts

@@ -0,0 +1,16 @@
+import { SliceCaseReducers } from '@apia/store';
+import { TPanelType, TPanelName } from '../types.js';
+
+declare type ActionCreatorForCaseReducer<CR> = CR extends (state: any, action: infer Action) => any ? Action extends {
+    payload: infer P;
+} ? (payload: P, panelName?: string) => unknown : () => unknown : () => unknown;
+type CaseReducerActions<CaseReducers extends SliceCaseReducers<any>> = {
+    [Type in keyof CaseReducers]: ActionCreatorForCaseReducer<CaseReducers[Type]>;
+};
+declare function createPanelStore<PanelState = any, Reducers extends SliceCaseReducers<PanelState> = SliceCaseReducers<PanelState>>(panelType: TPanelType, initialState: PanelState, reducers: Reducers): [
+    () => CaseReducerActions<Reducers>,
+    <Selected>(panelName: TPanelName, selector: (state: PanelState) => Selected, comparator?: (a: Selected, b: Selected) => boolean) => Selected
+];
+
+export { createPanelStore };
+//# sourceMappingURL=createPanelStore.d.ts.map

package/dist/panelsStore/createPanelStore.d.ts.map

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