@apia/dashboard-controller 5.0.0 → 5.0.3

package/dist/config/usePanelParametersSelector.d.ts

@@ -0,0 +1,25 @@
+import { TPanelName } from '../types.js';
+import { TPanelParameter } from './parametersStore.js';
+
+type TParametersSelector<Selected> = (parameters: Record<string, TPanelParameter>) => Selected;
+/**
+ // eslint-disable-next-line comment-length/limit-multi-line-comments
+ * Este hook permite seleccionar parámetros de un panel. Cada vez que los
+ * parámetros del panel sean actualizados, se llamará a la función selector y en
+ * caso de que la selección actual de parámetros difiera de la anterior, se
+ * provocará un renderizado en el componente que lo utiliza.
+ *
+ * Si se quiere obtener los parámetros del panel en el que se está trabajando,
+ * el segundo parámetro es innecesario. En caso de querer obtener los
+ * parámetros de otro panel, se puede pasar su nombre como segundo parámetro y
+ * la selección se hará de acuerdo a los parámetros de éste.
+ *
+ * Es importante ver que es imposible prever qué parámetros tendrá cada panel,
+ * por ello el tipo entregado al selector es Record, que puede entenderse como
+ * un mapa de entradas con clave string y valor TPanelParameter = string |
+ * boolean | number.
+ */
+declare function usePanelParametersSelector<Selected>(selector: TParametersSelector<Selected>, panelName?: TPanelName): Selected;
+
+export { type TParametersSelector, usePanelParametersSelector };
+//# sourceMappingURL=usePanelParametersSelector.d.ts.map

package/dist/config/usePanelParametersSelector.d.ts.map

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

package/dist/config/usePanelParametersSelector.js

@@ -0,0 +1,17 @@
+import { shallowEqual } from 'react-redux';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+import { useParametersSelector } from './parametersStore.js';
+import { useDashboardContext } from '../dashboard/DashboardContext.js';
+
+function usePanelParametersSelector(selector, panelName) {
+  const { panelId } = usePanelIdentity();
+  const dashboard = useDashboardContext();
+  const id = panelName !== void 0 ? dashboard.getPanelByName(panelName)?.id ?? "" : panelId;
+  return useParametersSelector((global) => {
+    const currentParams = global.panelParameters[id];
+    return selector(currentParams ?? {});
+  }, shallowEqual);
+}
+
+export { usePanelParametersSelector };
+//# sourceMappingURL=usePanelParametersSelector.js.map

package/dist/config/usePanelParametersSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelParametersSelector.js","sources":["../../src/config/usePanelParametersSelector.ts"],"sourcesContent":["import { shallowEqual } from 'react-redux';\r\nimport { usePanelIdentity } from '../common';\r\nimport { TPanelName } from '../types';\r\nimport { TPanelParameter, useParametersSelector } from './parametersStore';\r\nimport { useDashboardContext } from '../dashboard';\r\n\r\nexport type TParametersSelector<Selected> = (\r\n  parameters: Record<string, TPanelParameter>,\r\n) => Selected;\r\n\r\n/**\r\n // eslint-disable-next-line comment-length/limit-multi-line-comments\r\n * Este hook permite seleccionar parámetros de un panel. Cada vez que los\r\n * parámetros del panel sean actualizados, se llamará a la función selector y en\r\n * caso de que la selección actual de parámetros difiera de la anterior, se\r\n * provocará un renderizado en el componente que lo utiliza.\r\n *\r\n * Si se quiere obtener los parámetros del panel en el que se está trabajando,\r\n * el segundo parámetro es innecesario. En caso de querer obtener los\r\n * parámetros de otro panel, se puede pasar su nombre como segundo parámetro y\r\n * la selección se hará de acuerdo a los parámetros de éste.\r\n *\r\n * Es importante ver que es imposible prever qué parámetros tendrá cada panel,\r\n * por ello el tipo entregado al selector es Record, que puede entenderse como\r\n * un mapa de entradas con clave string y valor TPanelParameter = string |\r\n * boolean | number.\r\n */\r\nexport function usePanelParametersSelector<Selected>(\r\n  selector: TParametersSelector<Selected>,\r\n  panelName?: TPanelName,\r\n) {\r\n  const { panelId } = usePanelIdentity();\r\n  const dashboard = useDashboardContext();\r\n  const id =\r\n    panelName !== undefined\r\n      ? dashboard.getPanelByName(panelName)?.id ?? ''\r\n      : panelId;\r\n\r\n  return useParametersSelector((global) => {\r\n    const currentParams = global.panelParameters[id];\r\n    return selector(currentParams ?? {});\r\n  }, shallowEqual);\r\n}\r\n"],"names":[],"mappings":";;;;;AA2BO,SAAS,0BAAA,CACd,UACA,SAAA,EACA;AACA,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,EAAA,MAAM,YAAY,mBAAA,EAAoB;AACtC,EAAA,MAAM,EAAA,GACJ,cAAc,MAAA,GACV,SAAA,CAAU,eAAe,SAAS,CAAA,EAAG,MAAM,EAAA,GAC3C,OAAA;AAEN,EAAA,OAAO,qBAAA,CAAsB,CAAC,MAAA,KAAW;AACvC,IAAA,MAAM,aAAA,GAAgB,MAAA,CAAO,eAAA,CAAgB,EAAE,CAAA;AAC/C,IAAA,OAAO,QAAA,CAAS,aAAA,IAAiB,EAAE,CAAA;AAAA,KAClC,YAAY,CAAA;AACjB;;;;"}

package/dist/dashboard/ContainerNotFound.js

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

package/dist/dashboard/ContainerNotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerNotFound.js","sources":["../../src/dashboard/ContainerNotFound.tsx"],"sourcesContent":["import { Heading } from '@apia/theme';\r\nimport { usePanelIdentity } from '../common';\r\n\r\nexport const ContainerNotFound = () => {\r\n  const props = usePanelIdentity();\r\n\r\n  return <Heading>Container not found for panel: {props.panelName}</Heading>;\r\n};\r\n"],"names":[],"mappings":";;;;AAGO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,QAAQ,gBAAA,EAAiB;AAE/B,EAAA,4BAAQ,OAAA,EAAA,EAAQ,QAAA,EAAA;AAAA,IAAA,iCAAA;AAAA,IAAgC,KAAA,CAAM;AAAA,GAAA,EAAU,CAAA;AAClE;;;;"}

package/dist/dashboard/DashboardContext.d.ts

@@ -0,0 +1,6 @@
+import { Dashboard } from './dashboard.js';
+
+declare function useDashboardContext(): Dashboard;
+
+export { useDashboardContext };
+//# sourceMappingURL=DashboardContext.d.ts.map

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

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

package/dist/dashboard/DashboardContext.js

@@ -0,0 +1,12 @@
+import { useContext, createContext } from 'react';
+
+const DashboardContext = createContext(null);
+function useDashboardContext() {
+  const context = useContext(DashboardContext);
+  if (!context)
+    throw new Error("There is no Dashboard context");
+  return context;
+}
+
+export { DashboardContext, useDashboardContext };
+//# sourceMappingURL=DashboardContext.js.map

package/dist/dashboard/DashboardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardContext.js","sources":["../../src/dashboard/DashboardContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\r\nimport { Dashboard } from './dashboard';\r\n\r\nexport const DashboardContext = createContext<Dashboard | null>(null);\r\n\r\nexport function useDashboardContext() {\r\n  const context = useContext(DashboardContext);\r\n\r\n  if (!context) throw new Error('There is no Dashboard context');\r\n\r\n  return context;\r\n}\r\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAA,GAAmB,cAAgC,IAAI;AAE7D,SAAS,mBAAA,GAAsB;AACpC,EAAA,MAAM,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAE3C,EAAA,IAAI,CAAC,OAAA;AAAS,IAAA,MAAM,IAAI,MAAM,+BAA+B,CAAA;AAE7D,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/dashboard/DashboardPanel.d.ts

@@ -0,0 +1,48 @@
+import * as react from 'react';
+import { ReactPortal } from 'react';
+import { Dashboard } from './dashboard.js';
+import { TLoadedPanelProps, PanelContainer } from '../types.js';
+import { importPanel } from '../util.js';
+import { EventEmitter } from '@apia/util';
+import { TActionDispatcherOptions, TActionResult } from '../actions/usePanelActions.js';
+
+type TPanelProps = Omit<TLoadedPanelProps, 'initialData'>;
+declare class DashboardPanel extends EventEmitter<{
+    hasLoaded: boolean;
+    isVisible: boolean;
+    isCollapsed: boolean;
+}> {
+    #private;
+    dashboard: Dashboard;
+    hasInited: boolean;
+    hasLoaded: boolean;
+    id: string;
+    initialData: Promise<unknown> | null;
+    isVisible: boolean;
+    isCollapsed: boolean;
+    portal: ReactPortal;
+    props: TPanelProps;
+    constructor({ id, dashboard, PanelContainer, }: {
+        id: string;
+        dashboard: Dashboard;
+        PanelContainer: PanelContainer;
+    });
+    collapse(): void;
+    fireAction: ({ action, ...parameters }: {
+        action: string;
+    } & Record<string, unknown>, options?: TActionDispatcherOptions) => Promise<TActionResult>;
+    getContainer(): HTMLElement;
+    getParameters(): any;
+    hide(): void;
+    refresh(): Promise<TActionResult | undefined>;
+    queuedRefresh(): Promise<TActionResult | undefined>;
+    setHasLoaded(): void;
+    show(): void;
+    PanelElement: ({ ActualPanelContainer, Element, }: {
+        ActualPanelContainer: PanelContainer;
+        Element: ReturnType<typeof importPanel>;
+    }) => react.JSX.Element | null;
+}
+
+export { DashboardPanel };
+//# sourceMappingURL=DashboardPanel.d.ts.map

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

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

package/dist/dashboard/DashboardPanel.js

@@ -0,0 +1,264 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { createPortal } from 'react-dom';
+import { importPanel } from '../util.js';
+import { EventEmitter, toBoolean, parseXmlAsync, useMount } from '@apia/util';
+import { useState, useEffect } from 'react';
+import { PanelErrorBoundary } from '../splash/panels/PanelErrorBoundary.js';
+import { PanelIdentifier } from '../splash/panels/PanelIdentifier.js';
+import { firePanelAction } from '../actions/firePanelAction.js';
+import { saveParameters } from '../config/saveParameters.js';
+import { parametersStore } from '../config/parametersStore.js';
+import { DashboardPanelContext } from './DashboardPanelContext.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 _elements, _loaders;
+const noData = { initialData: {} };
+function parameterValue(value) {
+  if (value === "true")
+    return true;
+  if (value === "false")
+    return false;
+  return value;
+}
+class DashboardPanel extends EventEmitter {
+  constructor({
+    id,
+    dashboard,
+    PanelContainer: PanelContainer2
+  }) {
+    super();
+    __publicField(this, "dashboard");
+    __publicField(this, "hasInited", false);
+    __publicField(this, "hasLoaded", false);
+    __publicField(this, "id");
+    __publicField(this, "initialData", null);
+    __publicField(this, "isVisible", false);
+    __publicField(this, "isCollapsed", false);
+    __publicField(this, "portal");
+    __publicField(this, "props", {});
+    __privateAdd(this, _elements, {
+      props: () => {
+        const panelData = document.querySelector(
+          `panel-props[id="${this.id}"]`
+        );
+        if (!panelData) {
+          console.error("Panel with no id:", this.id);
+          throw new Error("A panel has no data element in the DOM.");
+        }
+        return panelData;
+      }
+    });
+    __privateAdd(this, _loaders, {
+      loadAll: () => {
+        void __privateGet(this, _loaders).initialData();
+        __privateGet(this, _loaders).parameters();
+        __privateGet(this, _loaders).props();
+      },
+      initialData: () => {
+        const panelContent = this.getContainer();
+        const xml = panelContent.innerHTML.replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
+        panelContent.innerHTML = "";
+        this.initialData = parseXmlAsync(xml.replace(/<!--?[^>]+>/, ""));
+        return this.initialData;
+      },
+      parameters: () => {
+        if (parametersStore.getState().panelParameters[this.id])
+          return;
+        const panelData = __privateGet(this, _elements).props();
+        const options = Object.fromEntries(
+          [...panelData.querySelectorAll("panel-option")].map(
+            (current) => {
+              return [
+                current.getAttribute("name"),
+                parameterValue(current.getAttribute("value"))
+              ];
+            }
+          )
+        );
+        const parameters = Object.fromEntries(
+          [...panelData.querySelectorAll("panel-parameter")].map(
+            (current) => {
+              return [
+                current.getAttribute("name"),
+                parameterValue(current.getAttribute("value"))
+              ];
+            }
+          )
+        );
+        saveParameters(this.id, Object.assign(options, parameters), false);
+      },
+      props: () => {
+        const panelData = __privateGet(this, _elements).props();
+        const panel = this.getContainer();
+        const props = {
+          id: this.id,
+          canMove: toBoolean(panelData.getAttribute("canMove")),
+          hasRss: toBoolean(panelData.getAttribute("hasRss")),
+          image: panelData.getAttribute("imagePath"),
+          isConfigurable: toBoolean(panelData.getAttribute("isConfigurable")),
+          isRefreshable: toBoolean(panelData.getAttribute("isRefreshable")),
+          name: panelData.getAttribute("name"),
+          refreshOnHome: toBoolean(panelData.getAttribute("refreshOnHome")),
+          refreshOnStart: toBoolean(panelData.getAttribute("refreshOnStart")),
+          showTitle: toBoolean(panelData.getAttribute("showTitle")),
+          title: panelData.getAttribute("title"),
+          type: panel.dataset.panel,
+          hideCollapse: toBoolean(panelData.getAttribute("hideCollapse"))
+        };
+        this.props = props;
+      }
+    });
+    __publicField(this, "fireAction", ({ action, ...parameters }, options) => {
+      if (!this.isVisible)
+        return new Promise((resolve) => resolve(null));
+      const postData = {};
+      Object.entries(parameters).forEach(([name, value]) => {
+        postData[`p_${name}`] = value;
+      });
+      return new Promise((resolve, reject) => {
+        firePanelAction(this.id, action, postData, {
+          ...options,
+          onComplete(hasSucceed, data) {
+            options?.onComplete?.(hasSucceed, data);
+            if (hasSucceed) {
+              resolve(data);
+            } else
+              reject();
+          }
+        });
+      });
+    });
+    __publicField(this, "PanelElement", ({
+      ActualPanelContainer,
+      Element
+    }) => {
+      const [resolvedInitialData, setResolvedInitialData] = useState(null);
+      const [isVisible, setIsVisible] = useState(this.isVisible);
+      const [isCollapsed, setIsCollapsed] = useState(this.isCollapsed);
+      useEffect(() => {
+        return this.on("isCollapsed", (ev) => setIsCollapsed(ev));
+      }, []);
+      useMount(() => {
+        void this.initialData?.then((data) => {
+          setResolvedInitialData(data ?? noData);
+        });
+        return this.on(
+          "isVisible",
+          (ev) => setIsVisible((current) => ev || current)
+        );
+      });
+      if (resolvedInitialData === null || resolvedInitialData === noData)
+        return null;
+      return /* @__PURE__ */ jsx(DashboardPanelContext.Provider, { value: this, children: /* @__PURE__ */ jsx(PanelIdentifier, { ...this.props, children: /* @__PURE__ */ jsx(
+        ActualPanelContainer,
+        {
+          ...this.props,
+          isCollapsed,
+          initialData: resolvedInitialData,
+          children: /* @__PURE__ */ jsx(
+            this.dashboard.bootstrapper.SuspendPanelUntilDashbordReady,
+            {
+              panelId: this.id,
+              children: /* @__PURE__ */ jsx(PanelErrorBoundary, { children: isVisible ? /* @__PURE__ */ jsx(Element, { initialData: resolvedInitialData }) : null })
+            }
+          )
+        }
+      ) }) });
+    });
+    this.dashboard = dashboard;
+    this.id = id;
+    __privateGet(this, _loaders).loadAll();
+    this.isCollapsed = toBoolean(
+      localStorage.getItem(
+        `${window.CURRENT_USER_LOGIN}_${window.CURRENT_DASH_ID}_${this.props.name}__isCollapsed`
+      )
+    );
+    this.portal = createPortal(
+      /* @__PURE__ */ jsx(
+        this.PanelElement,
+        {
+          ActualPanelContainer: PanelContainer2,
+          Element: importPanel(this.props.type)
+        }
+      ),
+      this.getContainer(),
+      this.id
+    );
+  }
+  collapse() {
+    this.isCollapsed = !this.isCollapsed;
+    localStorage.setItem(
+      `${window.CURRENT_USER_LOGIN}_${window.CURRENT_DASH_ID}_${this.props.name}__isCollapsed`,
+      String(this.isCollapsed)
+    );
+    this.emit("isCollapsed", this.isCollapsed);
+  }
+  getContainer() {
+    const panel = document.querySelector(
+      `[data-id="${this.id}"][data-panel]`
+    );
+    if (!panel) {
+      console.error("Panel not found in dom:", this.id);
+      throw new Error("Panel not found in DOM.");
+    }
+    return panel;
+  }
+  getParameters() {
+    return parametersStore.getState().panelParameters[this.id];
+  }
+  hide() {
+    const container = this.getContainer();
+    container.style.display = "none";
+    container.ariaHidden = "true";
+    this.isVisible = false;
+    this.emit("isVisible", this.isVisible);
+  }
+  refresh() {
+    if (this.dashboard.queueRefresh) {
+      return this.queuedRefresh();
+    } else {
+      return this.fireAction({ action: "refresh" });
+    }
+  }
+  queuedRefresh() {
+    return this.dashboard.tasksQueue.run(async () => {
+      const result = await this.fireAction({ action: "refresh" });
+      return result;
+    });
+  }
+  setHasLoaded() {
+    this.hasLoaded = true;
+    this.emit("hasLoaded", true);
+  }
+  show() {
+    const container = this.getContainer();
+    container.style.display = "block";
+    container.ariaHidden = "false";
+    this.hasInited = true;
+    this.isVisible = true;
+    this.emit("isVisible", this.isVisible);
+  }
+}
+_elements = new WeakMap();
+_loaders = new WeakMap();
+
+export { DashboardPanel };
+//# sourceMappingURL=DashboardPanel.js.map

package/dist/dashboard/DashboardPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPanel.js","sources":["../../src/dashboard/DashboardPanel.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\r\nimport { Dashboard } from '.';\r\nimport { PanelContainer, TLoadedPanelProps } from '../types';\r\nimport { importPanel } from '../util';\r\nimport { EventEmitter, parseXmlAsync, toBoolean, useMount } from '@apia/util';\r\nimport { ReactPortal, useState, useEffect } from 'react';\r\nimport { PanelErrorBoundary } from '../splash/panels/PanelErrorBoundary';\r\nimport { PanelIdentifier } from '../splash/panels/PanelIdentifier';\r\nimport { firePanelAction } from '../actions/firePanelAction';\r\nimport { parametersStore, saveParameters } from '../config';\r\nimport { DashboardPanelContext } from './DashboardPanelContext';\r\nimport {\r\n  TActionDispatcherOptions,\r\n  TActionResult,\r\n} from '../actions/usePanelActions';\r\n\r\nconst noData = { initialData: {} };\r\n\r\ntype TPanelProps = Omit<TLoadedPanelProps, 'initialData'>;\r\nfunction parameterValue(value: string | boolean | number) {\r\n  if (value === 'true') return true;\r\n  if (value === 'false') return false;\r\n\r\n  return value;\r\n}\r\n\r\nexport class DashboardPanel extends EventEmitter<{\r\n  hasLoaded: boolean;\r\n  isVisible: boolean;\r\n  isCollapsed: boolean;\r\n}> {\r\n  dashboard: Dashboard;\r\n  hasInited = false;\r\n  hasLoaded = false;\r\n  id: string;\r\n  initialData: Promise<unknown> | null = null;\r\n  isVisible = false;\r\n  isCollapsed = false;\r\n  portal: ReactPortal;\r\n  props: TPanelProps = {} as TPanelProps;\r\n\r\n  constructor({\r\n    id,\r\n    dashboard,\r\n    PanelContainer,\r\n  }: {\r\n    id: string;\r\n    dashboard: Dashboard;\r\n    PanelContainer: PanelContainer;\r\n  }) {\r\n    super();\r\n\r\n    this.dashboard = dashboard;\r\n    this.id = id;\r\n    this.#loaders.loadAll();\r\n    this.isCollapsed = toBoolean(\r\n      localStorage.getItem(\r\n        `${window.CURRENT_USER_LOGIN}_${window.CURRENT_DASH_ID}_${this.props.name}__isCollapsed`,\r\n      ),\r\n    );\r\n\r\n    this.portal = createPortal(\r\n      <this.PanelElement\r\n        ActualPanelContainer={PanelContainer}\r\n        Element={importPanel(this.props.type)}\r\n      />,\r\n      this.getContainer() as HTMLElement,\r\n      this.id,\r\n    );\r\n  }\r\n\r\n  #elements = {\r\n    props: () => {\r\n      const panelData = document.querySelector(\r\n        `panel-props[id=\"${this.id as string}\"]`,\r\n      ) as HTMLElement | null;\r\n\r\n      if (!panelData) {\r\n        console.error('Panel with no id:', this.id);\r\n        throw new Error('A panel has no data element in the DOM.');\r\n      }\r\n\r\n      return panelData;\r\n    },\r\n  };\r\n\r\n  collapse() {\r\n    this.isCollapsed = !this.isCollapsed;\r\n    localStorage.setItem(\r\n      `${window.CURRENT_USER_LOGIN}_${window.CURRENT_DASH_ID}_${this.props.name}__isCollapsed`,\r\n      String(this.isCollapsed),\r\n    );\r\n    this.emit('isCollapsed', this.isCollapsed);\r\n  }\r\n\r\n  #loaders = {\r\n    loadAll: () => {\r\n      void this.#loaders.initialData();\r\n      this.#loaders.parameters();\r\n      this.#loaders.props();\r\n    },\r\n    initialData: () => {\r\n      const panelContent = this.getContainer();\r\n      const xml = panelContent.innerHTML\r\n        .replaceAll('&lt;', '<')\r\n        .replaceAll('&gt;', '>')\r\n        .replaceAll('&amp;', '&');\r\n      panelContent.innerHTML = '';\r\n\r\n      this.initialData = parseXmlAsync(xml.replace(/<!--?[^>]+>/, ''));\r\n\r\n      return this.initialData;\r\n    },\r\n    parameters: () => {\r\n      if ((parametersStore.getState() as any).panelParameters[this.id]) return;\r\n\r\n      const panelData = this.#elements.props();\r\n\r\n      const options = Object.fromEntries(\r\n        [...panelData.querySelectorAll<HTMLElement>('panel-option')].map(\r\n          (current) => {\r\n            return [\r\n              current.getAttribute('name') as string,\r\n              parameterValue(current.getAttribute('value') as string),\r\n            ];\r\n          },\r\n        ),\r\n      );\r\n\r\n      const parameters = Object.fromEntries(\r\n        [...panelData.querySelectorAll<HTMLElement>('panel-parameter')].map(\r\n          (current) => {\r\n            return [\r\n              current.getAttribute('name') as string,\r\n              parameterValue(current.getAttribute('value') as string),\r\n            ];\r\n          },\r\n        ),\r\n      );\r\n\r\n      saveParameters(this.id, Object.assign(options, parameters), false);\r\n    },\r\n    props: () => {\r\n      const panelData = this.#elements.props();\r\n      const panel = this.getContainer();\r\n\r\n      const props: Omit<TLoadedPanelProps, 'initialData'> = {\r\n        id: this.id,\r\n        canMove: toBoolean(panelData.getAttribute('canMove')),\r\n        hasRss: toBoolean(panelData.getAttribute('hasRss')),\r\n        image: panelData.getAttribute('imagePath') as string,\r\n        isConfigurable: toBoolean(panelData.getAttribute('isConfigurable')),\r\n        isRefreshable: toBoolean(panelData.getAttribute('isRefreshable')),\r\n        name: panelData.getAttribute('name') as string,\r\n        refreshOnHome: toBoolean(panelData.getAttribute('refreshOnHome')),\r\n        refreshOnStart: toBoolean(panelData.getAttribute('refreshOnStart')),\r\n        showTitle: toBoolean(panelData.getAttribute('showTitle')),\r\n        title: panelData.getAttribute('title') as string,\r\n        type: panel.dataset.panel as string,\r\n        hideCollapse: toBoolean(panelData.getAttribute('hideCollapse')),\r\n      };\r\n\r\n      this.props = props;\r\n    },\r\n  };\r\n\r\n  fireAction: (\r\n    { action, ...parameters }: { action: string } & Record<string, unknown>,\r\n    options?: TActionDispatcherOptions,\r\n  ) => Promise<TActionResult> = ({ action, ...parameters }, options) => {\r\n    if (!this.isVisible) return new Promise((resolve) => resolve(null));\r\n\r\n    const postData: Record<string, unknown> = {};\r\n\r\n    Object.entries(parameters).forEach(([name, value]) => {\r\n      postData[`p_${name}`] = value;\r\n    });\r\n\r\n    return new Promise<TActionResult>((resolve, reject) => {\r\n      firePanelAction(this.id, action, postData, {\r\n        ...options,\r\n        onComplete(hasSucceed, data) {\r\n          options?.onComplete?.(hasSucceed, data);\r\n          if (hasSucceed) {\r\n            resolve(data);\r\n          } else reject();\r\n        },\r\n      });\r\n    });\r\n  };\r\n\r\n  getContainer() {\r\n    const panel = document.querySelector(\r\n      `[data-id=\"${this.id}\"][data-panel]`,\r\n    ) as HTMLElement;\r\n\r\n    if (!panel) {\r\n      console.error('Panel not found in dom:', this.id);\r\n      throw new Error('Panel not found in DOM.');\r\n    }\r\n\r\n    return panel;\r\n  }\r\n\r\n  getParameters() {\r\n    return (parametersStore.getState() as any).panelParameters[this.id];\r\n  }\r\n\r\n  hide() {\r\n    const container = this.getContainer();\r\n    container.style.display = 'none';\r\n    container.ariaHidden = 'true';\r\n\r\n    this.isVisible = false;\r\n    this.emit('isVisible', this.isVisible);\r\n  }\r\n\r\n  refresh() {\r\n    if (this.dashboard.queueRefresh) {\r\n      return this.queuedRefresh();\r\n    } else {\r\n      return this.fireAction({ action: 'refresh' });\r\n    }\r\n  }\r\n\r\n  queuedRefresh() {\r\n    return this.dashboard.tasksQueue.run(async () => {\r\n      const result = await this.fireAction({ action: 'refresh' });\r\n      return result;\r\n    });\r\n  }\r\n\r\n  setHasLoaded() {\r\n    this.hasLoaded = true;\r\n    this.emit('hasLoaded', true);\r\n  }\r\n\r\n  show() {\r\n    const container = this.getContainer();\r\n    container.style.display = 'block';\r\n    container.ariaHidden = 'false';\r\n\r\n    this.hasInited = true;\r\n    this.isVisible = true;\r\n    this.emit('isVisible', this.isVisible);\r\n  }\r\n\r\n  PanelElement = ({\r\n    ActualPanelContainer,\r\n    Element,\r\n  }: {\r\n    ActualPanelContainer: PanelContainer;\r\n    Element: ReturnType<typeof importPanel>;\r\n  }) => {\r\n    const [resolvedInitialData, setResolvedInitialData] = useState<{\r\n      initialData: unknown;\r\n    } | null>(null);\r\n    const [isVisible, setIsVisible] = useState(this.isVisible);\r\n    const [isCollapsed, setIsCollapsed] = useState(this.isCollapsed);\r\n\r\n    useEffect(() => {\r\n      return this.on('isCollapsed', (ev) => setIsCollapsed(ev));\r\n    }, []);\r\n\r\n    useMount(() => {\r\n      void this.initialData?.then((data) => {\r\n        setResolvedInitialData((data ?? noData) as { initialData: unknown });\r\n      });\r\n\r\n      return this.on('isVisible', (ev) =>\r\n        setIsVisible((current) => ev || current),\r\n      );\r\n    });\r\n\r\n    if (resolvedInitialData === null || resolvedInitialData === noData)\r\n      return null;\r\n\r\n    return (\r\n      <DashboardPanelContext.Provider value={this}>\r\n        <PanelIdentifier {...this.props}>\r\n          <ActualPanelContainer\r\n            {...this.props}\r\n            isCollapsed={isCollapsed}\r\n            initialData={resolvedInitialData}\r\n          >\r\n            <this.dashboard.bootstrapper.SuspendPanelUntilDashbordReady\r\n              panelId={this.id}\r\n            >\r\n              <PanelErrorBoundary>\r\n                {isVisible ? (\r\n                  <Element initialData={resolvedInitialData} />\r\n                ) : null}\r\n              </PanelErrorBoundary>\r\n            </this.dashboard.bootstrapper.SuspendPanelUntilDashbordReady>\r\n          </ActualPanelContainer>\r\n        </PanelIdentifier>\r\n      </DashboardPanelContext.Provider>\r\n    );\r\n  };\r\n}\r\n"],"names":["PanelContainer"],"mappings":"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"}

package/dist/dashboard/DashboardPanelContext.d.ts

@@ -0,0 +1,6 @@
+import { DashboardPanel } from './DashboardPanel.js';
+
+declare function useDashboardPanel(): DashboardPanel;
+
+export { useDashboardPanel };
+//# sourceMappingURL=DashboardPanelContext.d.ts.map

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

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

package/dist/dashboard/DashboardPanelContext.js

@@ -0,0 +1,12 @@
+import { useContext, createContext } from 'react';
+
+const DashboardPanelContext = createContext(null);
+function useDashboardPanel() {
+  const context = useContext(DashboardPanelContext);
+  if (!context)
+    throw new Error("There is no DashboardPanelContext");
+  return context;
+}
+
+export { DashboardPanelContext, useDashboardPanel };
+//# sourceMappingURL=DashboardPanelContext.js.map

package/dist/dashboard/DashboardPanelContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPanelContext.js","sources":["../../src/dashboard/DashboardPanelContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\r\nimport { DashboardPanel } from './DashboardPanel';\r\n\r\nexport const DashboardPanelContext = createContext<DashboardPanel | null>(null);\r\n\r\nexport function useDashboardPanel() {\r\n  const context = useContext(DashboardPanelContext);\r\n\r\n  if (!context) throw new Error('There is no DashboardPanelContext');\r\n\r\n  return context;\r\n}\r\n"],"names":[],"mappings":";;AAGO,MAAM,qBAAA,GAAwB,cAAqC,IAAI;AAEvE,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,OAAA,GAAU,WAAW,qBAAqB,CAAA;AAEhD,EAAA,IAAI,CAAC,OAAA;AAAS,IAAA,MAAM,IAAI,MAAM,mCAAmC,CAAA;AAEjE,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/dashboard/DashboardPanelsBootstraper.d.ts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { Dashboard } from './dashboard.js';
+
+declare global {
+    interface Window {
+        DASH_COURTAIN_TRESHOLD?: number;
+    }
+}
+declare class DashboardPanelsBootstraper {
+    #private;
+    dashboard: Dashboard;
+    constructor(dashboard: Dashboard);
+    /**
+     * 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.
+     */
+    setPanelHasLoaded: (panelId: string) => void;
+    SuspendPanelUntilDashbordReady: ({ children, panelId, }: {
+        children: ReactNode;
+        panelId: string;
+    }) => react.JSX.Element;
+}
+
+export { DashboardPanelsBootstraper };
+//# sourceMappingURL=DashboardPanelsBootstraper.d.ts.map

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

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