@apia/dashboard-controller 4.0.102 → 5.0.1

package/dist/dashboard/DashboardPanelsBootstraper.js

@@ -0,0 +1,135 @@
+import { jsx, jsxs } from '@apia/theme/jsx-runtime';
+import { useState, useDeferredValue, useCallback, Suspense } from 'react';
+
+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 _hasLoadedAll, _bootstrappedPanels, _hasLoaded, _initTimestamp, _timeoutTreshold, _checkAllHasLoaded, _removeSkeletons;
+class DashboardPanelsBootstraper {
+  constructor(dashboard) {
+    this.dashboard = dashboard;
+    __privateAdd(this, _hasLoadedAll, false);
+    __privateAdd(this, _bootstrappedPanels, {});
+    __privateAdd(this, _hasLoaded, {});
+    __privateAdd(this, _initTimestamp, Date.now());
+    __privateAdd(this, _timeoutTreshold, (window.DASH_COURTAIN_TRESHOLD ?? 5) * 1e3);
+    __privateAdd(this, _checkAllHasLoaded, () => {
+      if (__privateGet(this, _hasLoadedAll))
+        return true;
+      const keys = Object.keys(__privateGet(this, _bootstrappedPanels));
+      const hasLoadedAllPanels = !keys.find(
+        (current) => !__privateGet(this, _hasLoaded)[current] && this.dashboard.getPanel(current).isVisible
+      );
+      const hasTimedOutLoading = Date.now() - __privateGet(this, _initTimestamp) > __privateGet(this, _timeoutTreshold);
+      if (hasLoadedAllPanels || hasTimedOutLoading) {
+        if (hasTimedOutLoading) {
+          const nonBootstrappedPanels = Object.keys(__privateGet(this, _bootstrappedPanels)).filter((current) => !__privateGet(this, _hasLoaded)[current]).map((panelId) => {
+            const panelProps = this.dashboard.getPanel(panelId).props;
+            return panelProps;
+          });
+          console.warn(
+            `The courtain was removed because of timeout, check that all panels are reporting according to useYieldPanelIsReady's documentation. 
+
+It might have happened that all panels are reporting but the browser was too busy to handle all of them in time, in order to determine what is actually happen you can raise the DASH_COURTAIN_TRESHOLD to a very large number, like 20 for example.`,
+            { nonBootstrappedPanels }
+          );
+        }
+        __privateSet(this, _hasLoadedAll, true);
+        __privateGet(this, _removeSkeletons).call(this);
+        return true;
+      }
+      return false;
+    });
+    __privateAdd(this, _removeSkeletons, () => {
+      const skeleton = document.querySelector(
+        "#DashLayoutCourtain"
+      );
+      const dashContent = document.querySelector(
+        "#DashLayoutContent"
+      );
+      skeleton.style.display = "none";
+      dashContent.style.visibility = "initial";
+      skeleton.remove();
+    });
+    /**
+     * El bootstraper se basa en dos elementos: setHasLoadedInitialData y
+     * SuspendPanelUntilDashboardReady.
+     *
+     * El funcionamiento es muy elemental: Cada panel utiliza el Suspend como
+     * wrapper y éste registra el id del panel en un array de paneles pendientes
+     * por cargar.
+     *
+     * Una vez que todos los paneles cargaron, el suspense retoma su tarea y
+     * renderiza el panel normalmente.
+     */
+    __publicField(this, "setPanelHasLoaded", (panelId) => {
+      __privateGet(this, _hasLoaded)[panelId] = true;
+      this.dashboard.getPanel(panelId).setHasLoaded();
+    });
+    __publicField(this, "SuspendPanelUntilDashbordReady", ({
+      children,
+      panelId
+    }) => {
+      const [hasBootstraped, setHasBootstraped] = useState(false);
+      const deferredHasBootstraped = useDeferredValue(hasBootstraped);
+      __privateGet(this, _bootstrappedPanels)[panelId] = true;
+      const LoadWaiter = useCallback(() => {
+        if (!__privateGet(this, _checkAllHasLoaded).call(this))
+          void new Promise((resolve) => {
+            const interval = setInterval(() => {
+              if (__privateGet(this, _checkAllHasLoaded).call(this)) {
+                resolve();
+                clearInterval(interval);
+              }
+            }, 300);
+          });
+        return null;
+      }, []);
+      if (!deferredHasBootstraped)
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: (el) => {
+              if (el)
+                setHasBootstraped(true);
+            }
+          }
+        );
+      return /* @__PURE__ */ jsxs(Suspense, { fallback: null, children: [
+        children,
+        /* @__PURE__ */ jsx(LoadWaiter, {})
+      ] });
+    });
+  }
+}
+_hasLoadedAll = new WeakMap();
+_bootstrappedPanels = new WeakMap();
+_hasLoaded = new WeakMap();
+_initTimestamp = new WeakMap();
+_timeoutTreshold = new WeakMap();
+_checkAllHasLoaded = new WeakMap();
+_removeSkeletons = new WeakMap();
+
+export { DashboardPanelsBootstraper };
+//# sourceMappingURL=DashboardPanelsBootstraper.js.map

package/dist/dashboard/DashboardPanelsBootstraper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPanelsBootstraper.js","sources":["../../src/dashboard/DashboardPanelsBootstraper.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-throw-literal */\r\nimport {\r\n  ReactNode,\r\n  Suspense,\r\n  useCallback,\r\n  useDeferredValue,\r\n  useState,\r\n} from 'react';\r\nimport { Dashboard } from './dashboard';\r\n\r\ndeclare global {\r\n  interface Window {\r\n    DASH_COURTAIN_TRESHOLD?: number;\r\n  }\r\n}\r\n\r\nexport class DashboardPanelsBootstraper {\r\n  #hasLoadedAll = false;\r\n  #bootstrappedPanels: Record<string, boolean> = {};\r\n  #hasLoaded: Record<string, boolean> = {};\r\n\r\n  #initTimestamp = Date.now();\r\n  #timeoutTreshold = (window.DASH_COURTAIN_TRESHOLD ?? 5) * 1000;\r\n\r\n  constructor(public dashboard: Dashboard) {}\r\n\r\n  #checkAllHasLoaded = () => {\r\n    if (this.#hasLoadedAll) return true;\r\n\r\n    const keys = Object.keys(this.#bootstrappedPanels);\r\n    const hasLoadedAllPanels = !keys.find(\r\n      (current) =>\r\n        !this.#hasLoaded[current] && this.dashboard.getPanel(current).isVisible,\r\n    );\r\n    const hasTimedOutLoading =\r\n      Date.now() - this.#initTimestamp > this.#timeoutTreshold;\r\n\r\n    if (hasLoadedAllPanels || hasTimedOutLoading) {\r\n      if (hasTimedOutLoading) {\r\n        const nonBootstrappedPanels = Object.keys(this.#bootstrappedPanels)\r\n          .filter((current) => !this.#hasLoaded[current])\r\n          .map((panelId) => {\r\n            const panelProps = this.dashboard.getPanel(panelId).props;\r\n            return panelProps;\r\n          });\r\n\r\n        console.warn(\r\n          `The courtain was removed because of timeout, check that all panels are reporting according to useYieldPanelIsReady's documentation. \\n\\nIt might have happened that all panels are reporting but the browser was too busy to handle all of them in time, in order to determine what is actually happen you can raise the DASH_COURTAIN_TRESHOLD to a very large number, like 20 for example.`,\r\n          { nonBootstrappedPanels },\r\n        );\r\n      }\r\n\r\n      this.#hasLoadedAll = true;\r\n      this.#removeSkeletons();\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  };\r\n\r\n  #removeSkeletons = () => {\r\n    const skeleton = document.querySelector(\r\n      '#DashLayoutCourtain',\r\n    ) as HTMLElement;\r\n    const dashContent = document.querySelector(\r\n      '#DashLayoutContent',\r\n    ) as HTMLElement;\r\n\r\n    skeleton.style.display = 'none';\r\n    dashContent.style.visibility = 'initial';\r\n    skeleton.remove();\r\n  };\r\n\r\n  /**\r\n   * El bootstraper se basa en dos elementos: setHasLoadedInitialData y\r\n   * SuspendPanelUntilDashboardReady.\r\n   *\r\n   * El funcionamiento es muy elemental: Cada panel utiliza el Suspend como\r\n   * wrapper y éste registra el id del panel en un array de paneles pendientes\r\n   * por cargar.\r\n   *\r\n   * Una vez que todos los paneles cargaron, el suspense retoma su tarea y\r\n   * renderiza el panel normalmente.\r\n   */\r\n  setPanelHasLoaded = (panelId: string) => {\r\n    this.#hasLoaded[panelId] = true;\r\n    this.dashboard.getPanel(panelId).setHasLoaded();\r\n  };\r\n\r\n  SuspendPanelUntilDashbordReady = ({\r\n    children,\r\n    panelId,\r\n  }: {\r\n    children: ReactNode;\r\n    panelId: string;\r\n  }) => {\r\n    const [hasBootstraped, setHasBootstraped] = useState(false);\r\n    const deferredHasBootstraped = useDeferredValue(hasBootstraped);\r\n    this.#bootstrappedPanels[panelId] = true;\r\n\r\n    const LoadWaiter = useCallback(() => {\r\n      if (!this.#checkAllHasLoaded())\r\n        void new Promise<void>((resolve) => {\r\n          const interval = setInterval(() => {\r\n            if (this.#checkAllHasLoaded()) {\r\n              resolve();\r\n              clearInterval(interval);\r\n            }\r\n          }, 300);\r\n        });\r\n      return null;\r\n    }, []);\r\n\r\n    if (!deferredHasBootstraped)\r\n      return (\r\n        <div\r\n          ref={(el) => {\r\n            if (el) setHasBootstraped(true);\r\n          }}\r\n        />\r\n      );\r\n\r\n    return (\r\n      <Suspense fallback={null}>\r\n        {children}\r\n        <LoadWaiter />\r\n      </Suspense>\r\n    );\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/dashboard/DashboardRouter.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@apia/util';
+
+type TSwitchRoute = {
+    /**
+     * El callback será llamado si la ruta coincide.
+     */
+    callback: (result: RegExpMatchArray) => unknown;
+    route: RegExp;
+};
+type TUseSwitch = TSwitchRoute[];
+declare class Router extends EventEmitter<{
+    newRoute: string;
+}> {
+    #private;
+    constructor();
+    /**
+     * 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'
+     */
+    useSwitch: (routes: TUseSwitch) => void;
+}
+
+export { Router, type TSwitchRoute, type TUseSwitch };
+//# sourceMappingURL=DashboardRouter.d.ts.map

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

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

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;AAeO,MAAM,eAAe,YAAA,CAAmC;AAAA,EAW7D,WAAA,GAAc;AACZ,IAAA,KAAA,EAAM;AAXR,IAAA,YAAA,CAAA,IAAA,EAAA,cAAA,EAAiB,CAAC,MAAA,KAAmB;AACnC,MAAA,MAAM,OACJ,GAAA,IACC,MAAA,CAAO,SAAS,IAAA,CACd,UAAA,CAAW,OAAO,GAAG,CAAA,CACrB,MAAM,IAAI,MAAA,CAAO,GAAG,MAAA,CAAO,OAAO,sBAAsB,CAAC,CAAA,GAAI,CAAC,CAAA,IAAK,EAAA,CAAA;AAExE,MAAA,OAAO,IAAA,CAAK,MAAM,MAAM,CAAA;AAAA,KAC1B,CAAA;AAUA,IAAA,YAAA,CAAA,IAAA,EAAA,WAAA,EAAc,CAAC,MAAA,KAAuB;AACpC,MAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,MAAA,CAAO,QAAQ,CAAA,EAAA,EAAK;AACtC,QAAA,MAAM,QAAQ,YAAA,CAAA,IAAA,EAAK,cAAA,CAAA,CAAL,IAAA,CAAA,IAAA,EAAoB,MAAA,CAAO,CAAC,CAAA,CAAE,KAAA,CAAA;AAC5C,QAAA,IAAI,KAAA,EAAO;AACT,UAAA,OAAO,EAAE,KAAA,EAAO,MAAA,CAAO,CAAC,GAAG,KAAA,EAAM;AAAA;AACnC;AACF,KACF,CAAA;AAYA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAY,CAAC,MAAA,KAAuB;AAClC,MAAA,MAAM,SAAA,GAAY,OAA4B,IAAI,CAAA;AAElD,MAAA,QAAA,CAAS,MAAM;AACb,QAAA,MAAM,MAAA,GAAS,YAAA,CAAA,IAAA,EAAK,WAAA,CAAA,CAAL,IAAA,CAAA,IAAA,EAAiB,MAAA,CAAA;AAChC,QAAA,IAAI,MAAA,EAAQ;AACV,UAAA,MAAA,CAAO,KAAA,CAAM,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA;AAAA;AAGpC,QAAA,OAAO,IAAA,CAAK,EAAA,CAAG,UAAA,EAAY,MAAM;AAC/B,UAAA,MAAMA,OAAAA,GAAS,YAAA,CAAA,IAAA,EAAK,WAAA,CAAA,CAAL,IAAA,CAAA,IAAA,EAAiB,MAAA,CAAA;AAChC,UAAA,IAAIA,WAAU,CAAC,YAAA,CAAaA,QAAO,KAAA,EAAO,SAAA,CAAU,OAAO,CAAA,EAAG;AAC5D,YAAAA,OAAAA,CAAO,KAAA,CAAM,QAAA,CAASA,OAAAA,CAAO,KAAK,CAAA;AAAA;AACpC,SACD,CAAA;AAAA,OACF,CAAA;AAAA,KACH,CAAA;AAxCE,IAAA,MAAA,CAAO,gBAAA,CAAiB,YAAY,MAAM;AACxC,MAAA,IAAA,CAAK,IAAA,CAAK,UAAA,EAAY,MAAA,CAAO,QAAA,CAAS,IAAI,CAAA;AAAA,KAC3C,CAAA;AAAA;AAuCL;AAtDE,cAAA,GAAA,IAAA,OAAA,EAAA;AAkBA,WAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/dist/dashboard/PanelNotFound.js

@@ -0,0 +1,17 @@
+import { jsx, Fragment, jsxs } from '@apia/theme/jsx-runtime';
+import { Heading } from '@apia/theme';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+import '../splash/panels/PanelContext/index.js';
+import { useYieldPanelIsReady } from '../splash/panels/PanelContext/useYieldPanelIsReady.js';
+
+const PanelNotFound = () => {
+  const props = usePanelIdentity();
+  useYieldPanelIsReady();
+  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\nimport { useYieldPanelIsReady } from '../splash/panels/PanelContext';\r\n\r\nexport const PanelNotFound = () => {\r\n  const props = usePanelIdentity();\r\n\r\n  useYieldPanelIsReady();\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":";;;;;;AAIO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,QAAQ,gBAAA,EAAiB;AAE/B,EAAA,oBAAA,EAAqB;AAErB,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACE,+BAAC,OAAA,EAAA,EAAQ,QAAA,EAAA;AAAA,IAAA,mBAAA;AAAA,IAAkB,KAAA,CAAM;AAAA,GAAA,EAAU,CAAA,EAC7C,CAAA;AAEJ;;;;"}

package/dist/dashboard/dashboard.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { ReactPortal } from 'react';
+import { EventEmitter, TasksQueue } 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;
+    queueRefresh: boolean;
+    router: Router;
+    scenes: Record<string, string[]>;
+    tasksQueue: TasksQueue;
+    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,174 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { EventEmitter, TasksQueue, 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';
+import { importContainer } from '../util.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");
+  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, "queueRefresh", true);
+    //TODO: Crear parametro del dashboard
+    __publicField(this, "router", new Router());
+    __publicField(this, "scenes", {});
+    __publicField(this, "tasksQueue", new TasksQueue());
+    __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) => {
+        let container = __privateGet(this, _PanelContainer);
+        const customContainer = current.dataset.panelContainer;
+        if (customContainer) {
+          container = importContainer(current.dataset.panelContainer);
+        }
+        const panel = new DashboardPanel({
+          dashboard: this,
+          PanelContainer: container,
+          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) => {
+            this.loadScene(result[1]);
+          }
+        },
+        {
+          route: new RegExp(`/`),
+          callback: () => {
+            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, TasksQueue, 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\nimport { importContainer } from '../util';\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  queueRefresh: boolean = true; //TODO: Crear parametro del dashboard\r\n  router = new Router();\r\n  scenes: Record<string, string[]> = {};\r\n\r\n  tasksQueue = new TasksQueue();\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      let container = this.#PanelContainer;\r\n\r\n      const customContainer = current.dataset.panelContainer;\r\n      if (customContainer) {\r\n        container = importContainer(current.dataset.panelContainer!);\r\n      }\r\n\r\n      const panel = new DashboardPanel({\r\n        dashboard: this,\r\n        PanelContainer: container,\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          this.loadScene(result[1]);\r\n        },\r\n      },\r\n      {\r\n        route: new RegExp(`/`),\r\n        callback: () => {\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,CAAA,EACA;AAEA,EAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA,EAAG;AAChC,IAAA,IACE,CAAA,CAAE,GAAsC,CAAA,KACxC,CAAA,CAAE,GAA6B,CAAA;AAE/B,MAAA,OAAO,KAAA;AAAA;AAGX,EAAA,OAAO,IAAA;AACT;AAEO,MAAM,gBAAA,GAAmB,IAAK,MAAM,gBAAA,CAAiB;AAAA,EAAvB,WAAA,GAAA;AACnC,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAwC,EAAC,CAAA;AAAA;AAAA,EAEzC,SAAA,CAAU,WAAmB,OAAA,EAAc;AACzC,IAAA,MAAM,MAAA,GAA2B;AAAA,MAC/B,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAW,WAAA;AAAA,MACX,SAAA,EAAW,WAAA;AAAA,MACX,UAAA,EAAY;AAAA,KACd;AAEA,IAAA,IAAA,CAAK,UAAU,OAAA,CAAQ,CAAC,EAAE,QAAA,EAAU,GAAG,SAAQ,KAAM;AACnD,MAAA,IAAI,SAAA,KAAc,QAAQ,SAAA,EAAW;AACnC,QAAA,QAAA,CAAS,EAAE,GAAG,MAAA,EAAQ,SAAA,EAAW,SAAS,CAAA;AAAA;AAC5C,KACD,CAAA;AAAA;AACH,EAEA,SAAA,CAAU,MAAA,EAA0B,SAAA,EAAmB,OAAA,EAAc;AACnE,IAAA,IAAI,CAAC,OAAO,OAAA,EAAS,MAAA,CAAO,WAAW,MAAA,CAAO,SAAS,CAAA,CAAE,QAAA,CAAS,GAAG,CAAA;AACnE,MAAA,MAAM,IAAI,KAAA;AAAA,QACR;AAAA,OACF;AAEF,IAAA,IAAA,CAAK,UAAU,OAAA,CAAQ,CAAC,EAAE,QAAA,EAAU,GAAG,SAAQ,KAAM;AACnD,MAAA,IAAI,mBAAmB,OAAA,EAAS,EAAE,GAAG,MAAA,EAAQ,SAAA,EAAW,CAAA,EAAG;AACzD,QAAA,QAAA,CAAS,EAAE,GAAG,MAAA,EAAQ,SAAA,EAAW,SAAS,CAAA;AAAA;AAC5C,KACD,CAAA;AAAA;AACH,EAEA,OAAA,CACE,aACA,QAAA,EACA;AACA,IAAA,MAAM,QAAA,GAA8C;AAAA,MAClD,GAAG,WAAA;AAAA,MACH;AAAA,KACF;AAEA,IAAA,IAAA,CAAK,SAAA,CAAU,KAAK,QAAQ,CAAA;AAE5B,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,CAAK,SAAA,GAAY,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,CAAC,OAAA,KAAY;AAClD,QAAA,OAAO,OAAA,KAAY,QAAA;AAAA,OACpB,CAAA;AAAA,KACH;AAAA;AAEJ,CAAA;;;;"}

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