@apia/dashboard-controller 2.0.9 → 2.0.10

package/dist/splash/panels/PanelContext/useYieldPanelIsReady.d.ts

@@ -0,0 +1,45 @@
+/**
+ * **Favor de leer con cuidado el siguiente contenido, es muy importante para
+ * la performance**
+ *
+ * El hook useYieldPanelIsReady es una parte muy importante del flujo de
+ * trabajo de los dashboards. **El no reportar la carga de un panel tiene
+ * penalizaciones graves en el tiempo de renderizado inicial**, esto es porque
+ * el dashboard espera que todos los paneles hayan terminado la carga
+ * estructural básica antes de empezar con los refresh iniciales, y esto termina
+ * impactando en el tiempo que demora en bajar la cortina.
+ *
+ * **Aclaración:** Actualmente se espera las cargas estructurales para lanzar
+ * los refresh iniciales por motivos de arquitectura. Esa restricción será
+ * eliminada probablemente en el corto plazo, pero eso no cambia la necesidad de
+ * reportar las estructuras ya que esta información es igualmente utilizada para
+ * el bajado de la cortina de Skeletons.
+ *
+ * Por ejemplo, si todos los paneles están optimizados para lograr cargas
+ * iniciales rápidas pero el logo de la aplicación no reporta que su estructura
+ * está pronta, el dashboard va a bajar su cortina solamente luego de que expire
+ * el timeout **DASH_COURTAIN_TRESHOLD**, que por defecto viene establecido en 5
+ * segundos.
+ *
+ * Esto significa que aún cuando la cortina se hubiera podido bajar quizás a
+ * los pocos ms de cargado el html inicial, no lo hará porque supone que el
+ * panel Logo aún no terminó su carga estructural.
+ *
+ * Siempre que un panel esté presente en un dashboard, deberá reportar cuando
+ * la carga estructural esté pronta. Esto puede ser hecho de dos formas:
+ *
+ * - Usando { setRef } = usePanelContext(): En el elemento crucial de HTML del
+ * elemento hacer ref={setRef}. Esta es la forma más óptima ya que nos garantiza
+ * que el panel se reporte cuando su estructura HTML ya esté disponible,
+ * evitando ninguna demora.
+ *
+ * - Usando useYieldPanelIsReady(): Este hook es una alternativa disponible
+ * para las situaciones en las que no tenemos ningún elemento HTML de
+ * importancia o cuando ese elemento no está disponible hasta después de la
+ * carga inicial. Al usar este hook el panel se reportará automáticamente una
+ * vez que haya hecho el renderizado inicial.
+ */
+declare function useYieldPanelIsReady(): void;
+
+export { useYieldPanelIsReady };
+//# sourceMappingURL=useYieldPanelIsReady.d.ts.map

package/dist/splash/panels/PanelContext/useYieldPanelIsReady.d.ts.map

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

package/dist/splash/panels/PanelContext/useYieldPanelIsReady.js

@@ -0,0 +1,12 @@
+import { useMount } from '@apia/util';
+import { usePanelContext } from './index.js';
+
+function useYieldPanelIsReady() {
+  const { setRef } = usePanelContext();
+  useMount(() => {
+    setRef({});
+  });
+}
+
+export { useYieldPanelIsReady };
+//# sourceMappingURL=useYieldPanelIsReady.js.map

package/dist/splash/panels/PanelContext/useYieldPanelIsReady.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useYieldPanelIsReady.js","sources":["../../../../src/splash/panels/PanelContext/useYieldPanelIsReady.ts"],"sourcesContent":["import { useMount } from '@apia/util';\r\nimport { usePanelContext } from '.';\r\n\r\n/**\r\n * **Favor de leer con cuidado el siguiente contenido, es muy importante para\r\n * la performance**\r\n *\r\n * El hook useYieldPanelIsReady es una parte muy importante del flujo de\r\n * trabajo de los dashboards. **El no reportar la carga de un panel tiene\r\n * penalizaciones graves en el tiempo de renderizado inicial**, esto es porque\r\n * el dashboard espera que todos los paneles hayan terminado la carga\r\n * estructural básica antes de empezar con los refresh iniciales, y esto termina\r\n * impactando en el tiempo que demora en bajar la cortina.\r\n *\r\n * **Aclaración:** Actualmente se espera las cargas estructurales para lanzar\r\n * los refresh iniciales por motivos de arquitectura. Esa restricción será\r\n * eliminada probablemente en el corto plazo, pero eso no cambia la necesidad de\r\n * reportar las estructuras ya que esta información es igualmente utilizada para\r\n * el bajado de la cortina de Skeletons.\r\n *\r\n * Por ejemplo, si todos los paneles están optimizados para lograr cargas\r\n * iniciales rápidas pero el logo de la aplicación no reporta que su estructura\r\n * está pronta, el dashboard va a bajar su cortina solamente luego de que expire\r\n * el timeout **DASH_COURTAIN_TRESHOLD**, que por defecto viene establecido en 5\r\n * segundos.\r\n *\r\n * Esto significa que aún cuando la cortina se hubiera podido bajar quizás a\r\n * los pocos ms de cargado el html inicial, no lo hará porque supone que el\r\n * panel Logo aún no terminó su carga estructural.\r\n *\r\n * Siempre que un panel esté presente en un dashboard, deberá reportar cuando\r\n * la carga estructural esté pronta. Esto puede ser hecho de dos formas:\r\n *\r\n * - Usando { setRef } = usePanelContext(): En el elemento crucial de HTML del\r\n * elemento hacer ref={setRef}. Esta es la forma más óptima ya que nos garantiza\r\n * que el panel se reporte cuando su estructura HTML ya esté disponible,\r\n * evitando ninguna demora.\r\n *\r\n * - Usando useYieldPanelIsReady(): Este hook es una alternativa disponible\r\n * para las situaciones en las que no tenemos ningún elemento HTML de\r\n * importancia o cuando ese elemento no está disponible hasta después de la\r\n * carga inicial. Al usar este hook el panel se reportará automáticamente una\r\n * vez que haya hecho el renderizado inicial.\r\n */\r\nexport function useYieldPanelIsReady() {\r\n  const { setRef } = usePanelContext();\r\n\r\n  useMount(() => {\r\n    setRef({} as HTMLElement);\r\n  });\r\n}\r\n"],"names":[],"mappings":";;;AA4CO,SAAS,oBAAuB,GAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,eAAgB,EAAA,CAAA;AAEnC,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,MAAA,CAAO,EAAiB,CAAA,CAAA;AAAA,GACzB,CAAA,CAAA;AACH;;;;"}

package/dist/splash/panels/PanelErrorBoundary.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import { makeStyledComponent, Box, Heading, Paragraph } from '@apia/theme';
+import { Component } 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, key + "" , value);
+  return value;
+};
+const Error2 = makeStyledComponent(
+  "Error",
+  "layout.panels.error",
+  {
+    ".panelError__wrapper": {
+      display: "flex",
+      flexDirection: "column",
+      gap: 3,
+      h3: {
+        color: "palette.error.main"
+      }
+    }
+  },
+  ({ error }) => {
+    return /* @__PURE__ */ jsxs(Box, { className: "panelError__wrapper", children: [
+      /* @__PURE__ */ jsx(Heading, { as: "h3", children: "Oops! Something went wrong" }),
+      /* @__PURE__ */ jsx(Heading, { as: "h4", children: "Error:" }),
+      /* @__PURE__ */ jsx(Paragraph, { children: error })
+    ] });
+  }
+);
+class PanelErrorBoundary extends Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {
+      hasError: false,
+      errorMessage: ""
+    });
+  }
+  static getDerivedStateFromError(error) {
+    if (!(error instanceof Promise))
+      return { hasError: true, errorMessage: String(error) };
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsx(Error2, { error: this.state.errorMessage });
+    }
+    return this.props.children;
+  }
+}
+
+export { PanelErrorBoundary };
+//# sourceMappingURL=PanelErrorBoundary.js.map

package/dist/splash/panels/PanelErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelErrorBoundary.js","sources":["../../../src/splash/panels/PanelErrorBoundary.tsx"],"sourcesContent":["import { makeStyledComponent } from '@apia/theme';\r\nimport { Component, ReactNode } from 'react';\r\nimport { Box, Heading, Paragraph } from '@apia/theme';\r\n\r\nconst Error = makeStyledComponent(\r\n  'Error',\r\n  'layout.panels.error',\r\n  {\r\n    '.panelError__wrapper': {\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      gap: 3,\r\n\r\n      h3: {\r\n        color: 'palette.error.main',\r\n      },\r\n    },\r\n  },\r\n  ({ error }: { error: string }) => {\r\n    return (\r\n      <Box className=\"panelError__wrapper\">\r\n        <Heading as=\"h3\">Oops! Something went wrong</Heading>\r\n        <Heading as=\"h4\">Error:</Heading>\r\n        <Paragraph>{error}</Paragraph>\r\n      </Box>\r\n    );\r\n  },\r\n);\r\n\r\nexport class PanelErrorBoundary extends Component<\r\n  { children: ReactNode },\r\n  { hasError: boolean; errorMessage: string }\r\n> {\r\n  state: Readonly<{ hasError: boolean; errorMessage: string }> = {\r\n    hasError: false,\r\n    errorMessage: '',\r\n  };\r\n\r\n  static getDerivedStateFromError(error: unknown) {\r\n    if (!(error instanceof Promise))\r\n      return { hasError: true, errorMessage: String(error) };\r\n  }\r\n\r\n  render() {\r\n    if (this.state.hasError) {\r\n      return <Error error={this.state.errorMessage} />;\r\n    }\r\n\r\n    return this.props.children;\r\n  }\r\n}\r\n"],"names":["Error"],"mappings":";;;;;;;;;;AAIA,MAAMA,MAAQ,GAAA,mBAAA;AAAA,EACZ,OAAA;AAAA,EACA,qBAAA;AAAA,EACA;AAAA,IACE,sBAAwB,EAAA;AAAA,MACtB,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,GAAK,EAAA,CAAA;AAAA,MAEL,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,oBAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AAAA,EACA,CAAC,EAAE,KAAA,EAA+B,KAAA;AAChC,IACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,qBACb,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,IAAA,EAAK,QAA0B,EAAA,4BAAA,EAAA,CAAA;AAAA,sBAC1C,GAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,IAAA,EAAK,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,sBACvB,GAAA,CAAC,aAAW,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,KACpB,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AAEO,MAAM,2BAA2B,SAGtC,CAAA;AAAA,EAHK,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA,CAAA;AAIL,IAA+D,aAAA,CAAA,IAAA,EAAA,OAAA,EAAA;AAAA,MAC7D,QAAU,EAAA,KAAA;AAAA,MACV,YAAc,EAAA,EAAA;AAAA,KAChB,CAAA,CAAA;AAAA,GAAA;AAAA,EAEA,OAAO,yBAAyB,KAAgB,EAAA;AAC9C,IAAA,IAAI,EAAE,KAAiB,YAAA,OAAA,CAAA;AACrB,MAAA,OAAO,EAAE,QAAU,EAAA,IAAA,EAAM,YAAc,EAAA,MAAA,CAAO,KAAK,CAAE,EAAA,CAAA;AAAA,GACzD;AAAA,EAEA,MAAS,GAAA;AACP,IAAI,IAAA,IAAA,CAAK,MAAM,QAAU,EAAA;AACvB,MAAA,2BAAQA,MAAA,EAAA,EAAM,KAAO,EAAA,IAAA,CAAK,MAAM,YAAc,EAAA,CAAA,CAAA;AAAA,KAChD;AAEA,IAAA,OAAO,KAAK,KAAM,CAAA,QAAA,CAAA;AAAA,GACpB;AACF;;;;"}

package/dist/splash/panels/PanelIdentifier.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { TPanelIdentifier } from '../../eventsController/types.js';
+
+declare const PanelIdentifierContext: react.Context<TPanelIdentifier | undefined>;
+interface TPanelIdentifierProps {
+    children: ReactNode;
+    id: string;
+    name: string;
+    title: string;
+    type: string;
+}
+declare const PanelIdentifier: ({ children, name, id, title, type, }: TPanelIdentifierProps) => react.JSX.Element;
+
+export { PanelIdentifier, PanelIdentifierContext, type TPanelIdentifierProps };
+//# sourceMappingURL=PanelIdentifier.d.ts.map

package/dist/splash/panels/PanelIdentifier.d.ts.map

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

package/dist/splash/panels/PanelIdentifier.js

@@ -0,0 +1,19 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { createContext, useMemo } from 'react';
+
+const PanelIdentifierContext = createContext(void 0);
+const PanelIdentifier = ({
+  children,
+  name,
+  id,
+  title,
+  type
+}) => {
+  const contextValue = useMemo(() => {
+    return { panelName: name, panelId: id, panelTitle: title, panelType: type };
+  }, []);
+  return /* @__PURE__ */ jsx(PanelIdentifierContext.Provider, { value: contextValue, children });
+};
+
+export { PanelIdentifier, PanelIdentifierContext };
+//# sourceMappingURL=PanelIdentifier.js.map

package/dist/splash/panels/PanelIdentifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelIdentifier.js","sources":["../../../src/splash/panels/PanelIdentifier.tsx"],"sourcesContent":["import { ReactNode, createContext, useMemo } from 'react';\r\nimport { TPanelIdentifier } from '../../eventsController/types';\r\n\r\nexport const PanelIdentifierContext = createContext<\r\n  TPanelIdentifier | undefined\r\n>(undefined);\r\n\r\nexport interface TPanelIdentifierProps {\r\n  children: ReactNode;\r\n  id: string;\r\n  name: string;\r\n  title: string;\r\n  type: string;\r\n}\r\n\r\nexport const PanelIdentifier = ({\r\n  children,\r\n  name,\r\n  id,\r\n  title,\r\n  type,\r\n}: TPanelIdentifierProps) => {\r\n  const contextValue: TPanelIdentifier = useMemo(() => {\r\n    return { panelName: name, panelId: id, panelTitle: title, panelType: type };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  return (\r\n    <PanelIdentifierContext.Provider value={contextValue}>\r\n      {children}\r\n    </PanelIdentifierContext.Provider>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;AAGa,MAAA,sBAAA,GAAyB,cAEpC,KAAS,CAAA,EAAA;AAUJ,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAA6B,KAAA;AAC3B,EAAM,MAAA,YAAA,GAAiC,QAAQ,MAAM;AACnD,IAAO,OAAA,EAAE,WAAW,IAAM,EAAA,OAAA,EAAS,IAAI,UAAY,EAAA,KAAA,EAAO,WAAW,IAAK,EAAA,CAAA;AAAA,GAE5E,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,2BACG,sBAAuB,CAAA,QAAA,EAAvB,EAAgC,KAAA,EAAO,cACrC,QACH,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/splash/util/DragAndDrop.js

@@ -0,0 +1,243 @@
+import { getSpecificParent } from '@apia/util';
+import { dragleave } from '../events/Dragleave.js';
+import { dragover } from '../events/Dragover.js';
+import { dragstart } from '../events/Dragstart.js';
+import { Drop } from '../events/Drop.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 _unsuscribers;
+class DragAndDrop {
+  constructor() {
+    __privateAdd(this, _unsuscribers, []);
+    __publicField(this, "bootstrap", () => {
+      __privateGet(this, _unsuscribers).forEach((unsuscribe) => unsuscribe());
+      __privateSet(this, _unsuscribers, []);
+      this.body.addEventListener("dragover", this.dragOver);
+      this.body.addEventListener("drop", this.drop);
+      __privateGet(this, _unsuscribers).push(() => {
+        this.body.removeEventListener("dragover", this.dragOver);
+        this.body.removeEventListener("drop", this.drop);
+      });
+      if (this.splash) {
+        this.splash.addEventListener("dragleave", this.dragLeave);
+        this.splash.addEventListener("dragenter", this.dragEnter);
+        this.body.addEventListener("dragenter", this.dragEnter);
+        __privateGet(this, _unsuscribers).push(() => {
+          this.splash.removeEventListener("dragleave", this.dragLeave);
+          this.splash.removeEventListener("dragenter", this.dragEnter);
+          this.body.removeEventListener("dragenter", this.dragEnter);
+        });
+      }
+      this.panels.map((el) => {
+        el.addEventListener("dragstart", (ev) => {
+          this.dragStart(ev, el);
+        });
+        __privateGet(this, _unsuscribers).push(() => {
+          el.removeEventListener("dragstart", (ev) => {
+            this.dragStart(ev, el);
+          });
+        });
+        return el;
+      });
+    });
+    __publicField(this, "panelData", []);
+    __publicField(this, "minimap", null);
+    __publicField(this, "timeout", -1);
+    __publicField(this, "sectionData", []);
+    __publicField(this, "body", document.querySelector("[data-layout]"));
+    __publicField(this, "splash", document.querySelector("[data-splash]"));
+    __publicField(this, "dragoverPosition", { x: 0, y: 0 });
+    __publicField(this, "shadowDivData", null);
+    __publicField(this, "shadowDiv", null);
+    __publicField(this, "placeholderImage", null);
+    __publicField(this, "panels", [
+      ...document.querySelectorAll("[data-panel][data-id]")
+    ]);
+    __publicField(this, "currentScroll", document.scrollingElement?.scrollTop ?? 0);
+    __publicField(this, "draggingPanel", null);
+    __publicField(this, "draggingPanelId", "");
+    __publicField(this, "draggingPanelSectionId", "");
+    __publicField(this, "currentBottomPanel");
+    __publicField(this, "updateMinimap", () => {
+      const frameElement = document.querySelector(".windowFrame");
+      if (frameElement) {
+        frameElement.style.top = `${(document.scrollingElement?.scrollTop ?? 0) * Number(frameElement.dataset.aspect)}px`;
+      }
+    });
+    __publicField(this, "removePlaceholder", () => {
+      this.clearTimeout();
+      const falseDivs = document.querySelectorAll(".apia_panel_falseDiv");
+      falseDivs.forEach((el) => {
+        el.remove();
+      });
+      this.placeholderImage?.remove();
+      this.placeholderImage = null;
+    });
+    __publicField(this, "clearTimeout", () => {
+      clearTimeout(this.timeout);
+    });
+    __publicField(this, "debounceAppend", (target, child) => {
+      if (!this.draggingPanelId)
+        return;
+      if (this.timeout === -1) {
+        target.appendChild(child);
+      }
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(() => {
+        target.appendChild(child);
+      }, 500);
+    });
+    __publicField(this, "debounceBefore", (reference, child, container) => {
+      if (!this.draggingPanelId)
+        return;
+      if (this.timeout === -1)
+        container.insertBefore(child, reference);
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(() => {
+        container.insertBefore(child, reference);
+      }, 500);
+    });
+    __publicField(this, "debounceAfter", (child, reference) => {
+      if (!this.draggingPanelId)
+        return;
+      if (this.timeout === -1)
+        reference.after(child);
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(() => {
+        reference.after(child);
+      }, 500);
+    });
+    __publicField(this, "dragOver", (event) => {
+      dragover(event, this);
+      this.updateMinimap();
+    });
+    __publicField(this, "dragStart", (ev, el) => {
+      dragstart(ev, el, this);
+    });
+    __publicField(this, "dragLeave", (_ev) => {
+      dragleave(_ev, this);
+    });
+    __publicField(this, "dragEnter", (_ev) => {
+      _ev.preventDefault();
+    });
+    __publicField(this, "drop", (event) => {
+      Drop(event, this);
+    });
+    __publicField(this, "snapshot", () => {
+      this.panelData = [];
+      const innerPanels = this.body.querySelectorAll(
+        "[data-panel][data-id]"
+      );
+      innerPanels.forEach((panel) => {
+        if (panel.classList.contains("apia_panel_falseDiv")) {
+          this.shadowDivData = {
+            id: panel.getAttribute("data-id") ?? "",
+            isShadow: true,
+            panelBottom: panel.getBoundingClientRect().bottom + this.currentScroll,
+            panelTop: panel.getBoundingClientRect().top + this.currentScroll,
+            panelRight: panel.getBoundingClientRect().right,
+            panelLeft: panel.getBoundingClientRect().left,
+            panelWidth: panel.getBoundingClientRect().width,
+            panelHeight: panel.getBoundingClientRect().height,
+            row: getSpecificParent(
+              panel,
+              (current) => !!current.dataset.locationid
+            )?.classList.contains("apia_section_row") ?? false,
+            sectionId: getSpecificParent(
+              panel,
+              (current) => !!current.dataset.locationid
+            )?.dataset.locationid ?? 0
+          };
+        }
+        if (this.panelData.every((innerPanel) => {
+          return innerPanel.id !== panel.getAttribute("data-id") && !panel.classList.contains("apia_panel_falseDiv");
+        })) {
+          this.panelData.push({
+            isShadow: panel.classList.contains("apia_panel_falseDiv"),
+            panelBottom: panel.getBoundingClientRect().bottom + this.currentScroll,
+            panelTop: panel.getBoundingClientRect().top + this.currentScroll,
+            panelRight: panel.getBoundingClientRect().right,
+            panelLeft: panel.getBoundingClientRect().left,
+            panelWidth: panel.getBoundingClientRect().width,
+            panelHeight: panel.getBoundingClientRect().height,
+            row: getSpecificParent(
+              panel,
+              (current) => !!current.dataset.locationid
+            )?.classList.contains("apia_section_row") ?? false,
+            sectionId: getSpecificParent(
+              panel,
+              (current) => !!current.dataset.locationid
+            )?.dataset.locationid ?? 0,
+            id: getSpecificParent(
+              panel,
+              (current) => !!current.dataset.id
+            )?.dataset.id ?? 0
+          });
+        }
+      });
+      this.sectionData = [];
+      const sections = this.body?.querySelectorAll("[data-locationid]");
+      sections?.forEach((sec) => {
+        if (this.sectionData.every(
+          (innerSection) => innerSection.sectionId !== sec.getAttribute("data-locationid")
+        )) {
+          this.sectionData.push({
+            sectionBottom: sec.getBoundingClientRect().bottom + this.currentScroll,
+            sectionLeft: sec.getBoundingClientRect().left,
+            sectionTop: sec.getBoundingClientRect().top + this.currentScroll,
+            sectionRight: sec.getBoundingClientRect().right,
+            sectionWidth: sec.getBoundingClientRect().width,
+            sectionHeight: sec.getBoundingClientRect().height,
+            sectionId: getSpecificParent(
+              sec,
+              (current) => !!current.dataset.locationid
+            )?.dataset.locationid ?? 0
+          });
+        }
+      });
+      this.drawMinimap();
+    });
+    __publicField(this, "findBottomPanel", (x, y) => {
+      const bottomPanel = this.panelData.find((panel) => {
+        return panel.panelBottom >= y && panel.panelTop <= y && panel.panelLeft <= x && panel.panelRight >= x;
+      });
+      return bottomPanel;
+    });
+    __publicField(this, "findBottomSection", (x, y) => {
+      const bottomSection = this.sectionData.find((sec) => {
+        return sec.sectionBottom >= y && sec.sectionTop <= y && sec.sectionLeft <= x && sec.sectionRight >= x;
+      });
+      return bottomSection;
+    });
+  }
+  drawMinimap() {
+    return;
+  }
+}
+_unsuscribers = new WeakMap();
+
+export { DragAndDrop };
+//# sourceMappingURL=DragAndDrop.js.map

package/dist/splash/util/DragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDrop.js","sources":["../../../src/splash/util/DragAndDrop.ts"],"sourcesContent":["import { getSpecificParent } from '@apia/util';\r\nimport { dragleave } from '../events/Dragleave';\r\nimport { dragover } from '../events/Dragover';\r\nimport { dragstart } from '../events/Dragstart';\r\nimport { Drop } from '../events/Drop';\r\nimport { TPanelData, TSectionData } from '../types';\r\n\r\nexport class DragAndDrop {\r\n  #unsuscribers: (() => void)[] = [];\r\n\r\n  bootstrap = () => {\r\n    this.#unsuscribers.forEach((unsuscribe) => unsuscribe());\r\n    this.#unsuscribers = [];\r\n\r\n    this.body.addEventListener('dragover', this.dragOver);\r\n    this.body.addEventListener('drop', this.drop);\r\n    this.#unsuscribers.push(() => {\r\n      this.body.removeEventListener('dragover', this.dragOver);\r\n      this.body.removeEventListener('drop', this.drop);\r\n    });\r\n    if (this.splash) {\r\n      this.splash.addEventListener('dragleave', this.dragLeave);\r\n      this.splash.addEventListener('dragenter', this.dragEnter);\r\n      this.body.addEventListener('dragenter', this.dragEnter);\r\n      this.#unsuscribers.push(() => {\r\n        this.splash.removeEventListener('dragleave', this.dragLeave);\r\n        this.splash.removeEventListener('dragenter', this.dragEnter);\r\n        this.body.removeEventListener('dragenter', this.dragEnter);\r\n      });\r\n    }\r\n    this.panels.map((el) => {\r\n      (el as HTMLElement).addEventListener('dragstart', (ev) => {\r\n        this.dragStart(ev, el);\r\n      });\r\n      this.#unsuscribers.push(() => {\r\n        (el as HTMLElement).removeEventListener('dragstart', (ev) => {\r\n          this.dragStart(ev, el);\r\n        });\r\n      });\r\n      return el;\r\n    });\r\n  };\r\n  panelData: TPanelData[] = [];\r\n  minimap: HTMLElement | null = null;\r\n  drawMinimap() {\r\n    return;\r\n  }\r\n  timeout = -1;\r\n  sectionData: TSectionData[] = [];\r\n  body = document.querySelector('[data-layout]') as HTMLElement;\r\n  splash = document.querySelector('[data-splash]') as HTMLElement;\r\n  dragoverPosition: {\r\n    x: string | number;\r\n    y: string | number;\r\n  } = { x: 0, y: 0 };\r\n  shadowDivData: TPanelData | null = null;\r\n  shadowDiv: HTMLDivElement | null = null;\r\n  placeholderImage: HTMLElement | null = null;\r\n  panels = [\r\n    ...document.querySelectorAll('[data-panel][data-id]'),\r\n  ] as HTMLElement[];\r\n  currentScroll = document.scrollingElement?.scrollTop ?? 0;\r\n  draggingPanel: HTMLElement | null = null;\r\n  draggingPanelId = '';\r\n  draggingPanelSectionId = '';\r\n  currentBottomPanel: TPanelData | undefined = undefined;\r\n\r\n  updateMinimap = () => {\r\n    const frameElement = document.querySelector<HTMLElement>('.windowFrame');\r\n    if (frameElement) {\r\n      frameElement.style.top = `${\r\n        (document.scrollingElement?.scrollTop ?? 0) *\r\n        Number(frameElement.dataset.aspect)\r\n      }px`;\r\n    }\r\n  };\r\n  removePlaceholder = () => {\r\n    this.clearTimeout();\r\n    const falseDivs = document.querySelectorAll('.apia_panel_falseDiv');\r\n\r\n    falseDivs.forEach((el) => {\r\n      el.remove();\r\n    });\r\n\r\n    this.placeholderImage?.remove();\r\n    this.placeholderImage = null;\r\n  };\r\n  clearTimeout = () => {\r\n    clearTimeout(this.timeout);\r\n  };\r\n  debounceAppend = (target: HTMLElement, child: HTMLElement) => {\r\n    if (!this.draggingPanelId) return;\r\n    if (this.timeout === -1) {\r\n      target.appendChild(child);\r\n    }\r\n    clearTimeout(this.timeout);\r\n    this.timeout = setTimeout(() => {\r\n      target.appendChild(child);\r\n    }, 500) as unknown as number;\r\n  };\r\n  debounceBefore = (reference: Node, child: Node, container: HTMLElement) => {\r\n    if (!this.draggingPanelId) return;\r\n    if (this.timeout === -1) container.insertBefore(child, reference);\r\n    clearTimeout(this.timeout);\r\n    this.timeout = setTimeout(() => {\r\n      container.insertBefore(child, reference);\r\n    }, 500) as unknown as number;\r\n  };\r\n  debounceAfter = (child: Node, reference: Node) => {\r\n    if (!this.draggingPanelId) return;\r\n    if (this.timeout === -1) (reference as HTMLElement).after(child);\r\n    clearTimeout(this.timeout);\r\n    this.timeout = setTimeout(() => {\r\n      (reference as HTMLElement).after(child);\r\n    }, 500) as unknown as number;\r\n  };\r\n  dragOver = (event: Event) => {\r\n    dragover(event, this);\r\n    this.updateMinimap();\r\n  };\r\n  dragStart = (ev: DragEvent, el: Element) => {\r\n    dragstart(ev, el, this);\r\n  };\r\n  dragLeave = (_ev: Event) => {\r\n    dragleave(_ev, this);\r\n  };\r\n  dragEnter = (_ev: Event) => {\r\n    _ev.preventDefault();\r\n  };\r\n  drop = (event: Event) => {\r\n    Drop(event, this);\r\n  };\r\n  snapshot = () => {\r\n    this.panelData = [];\r\n    const innerPanels = (this.body as HTMLElement).querySelectorAll(\r\n      '[data-panel][data-id]',\r\n    );\r\n    innerPanels.forEach((panel) => {\r\n      if (panel.classList.contains('apia_panel_falseDiv')) {\r\n        this.shadowDivData = {\r\n          id: panel.getAttribute('data-id') ?? '',\r\n          isShadow: true,\r\n          panelBottom:\r\n            panel.getBoundingClientRect().bottom + this.currentScroll,\r\n          panelTop: panel.getBoundingClientRect().top + this.currentScroll,\r\n          panelRight: panel.getBoundingClientRect().right,\r\n          panelLeft: panel.getBoundingClientRect().left,\r\n          panelWidth: panel.getBoundingClientRect().width,\r\n          panelHeight: panel.getBoundingClientRect().height,\r\n          row:\r\n            getSpecificParent(\r\n              panel as HTMLElement,\r\n              (current) => !!current.dataset.locationid,\r\n            )?.classList.contains('apia_section_row') ?? false,\r\n          sectionId:\r\n            getSpecificParent(\r\n              panel as HTMLElement,\r\n              (current) => !!current.dataset.locationid,\r\n            )?.dataset.locationid ?? 0,\r\n        };\r\n      }\r\n      if (\r\n        this.panelData.every((innerPanel) => {\r\n          return (\r\n            innerPanel.id !== panel.getAttribute('data-id') &&\r\n            !panel.classList.contains('apia_panel_falseDiv')\r\n          );\r\n        })\r\n      ) {\r\n        this.panelData.push({\r\n          isShadow: panel.classList.contains('apia_panel_falseDiv'),\r\n          panelBottom:\r\n            panel.getBoundingClientRect().bottom + this.currentScroll,\r\n          panelTop: panel.getBoundingClientRect().top + this.currentScroll,\r\n          panelRight: panel.getBoundingClientRect().right,\r\n          panelLeft: panel.getBoundingClientRect().left,\r\n          panelWidth: panel.getBoundingClientRect().width,\r\n          panelHeight: panel.getBoundingClientRect().height,\r\n          row:\r\n            getSpecificParent(\r\n              panel as HTMLElement,\r\n              (current) => !!current.dataset.locationid,\r\n            )?.classList.contains('apia_section_row') ?? false,\r\n          sectionId:\r\n            getSpecificParent(\r\n              panel as HTMLElement,\r\n              (current) => !!current.dataset.locationid,\r\n            )?.dataset.locationid ?? 0,\r\n          id:\r\n            getSpecificParent(\r\n              panel as HTMLElement,\r\n              (current) => !!current.dataset.id,\r\n            )?.dataset.id ?? 0,\r\n        });\r\n      }\r\n    });\r\n    this.sectionData = [];\r\n    const sections = this.body?.querySelectorAll('[data-locationid]');\r\n\r\n    sections?.forEach((sec) => {\r\n      if (\r\n        this.sectionData.every(\r\n          (innerSection) =>\r\n            innerSection.sectionId !== sec.getAttribute('data-locationid'),\r\n        )\r\n      ) {\r\n        this.sectionData.push({\r\n          sectionBottom:\r\n            sec.getBoundingClientRect().bottom + this.currentScroll,\r\n          sectionLeft: sec.getBoundingClientRect().left,\r\n          sectionTop: sec.getBoundingClientRect().top + this.currentScroll,\r\n          sectionRight: sec.getBoundingClientRect().right,\r\n          sectionWidth: sec.getBoundingClientRect().width,\r\n          sectionHeight: sec.getBoundingClientRect().height,\r\n          sectionId:\r\n            getSpecificParent(\r\n              sec as HTMLElement,\r\n              (current) => !!current.dataset.locationid,\r\n            )?.dataset.locationid ?? 0,\r\n        });\r\n      }\r\n    });\r\n\r\n    this.drawMinimap();\r\n  };\r\n  findBottomPanel = (x: number, y: number) => {\r\n    const bottomPanel = this.panelData.find((panel) => {\r\n      return (\r\n        panel.panelBottom >= y &&\r\n        panel.panelTop <= y &&\r\n        panel.panelLeft <= x &&\r\n        panel.panelRight >= x\r\n      );\r\n    });\r\n    return bottomPanel;\r\n  };\r\n  findBottomSection = (x: number, y: number) => {\r\n    const bottomSection = this.sectionData.find((sec) => {\r\n      return (\r\n        sec.sectionBottom >= y &&\r\n        sec.sectionTop <= y &&\r\n        sec.sectionLeft <= x &&\r\n        sec.sectionRight >= x\r\n      );\r\n    });\r\n    return bottomSection;\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/splash/util/getColumnAreas.js

@@ -0,0 +1,19 @@
+const getColumnAreas = (specificPanel) => {
+  return {
+    top: {
+      top: specificPanel.panelTop,
+      bottom: specificPanel.panelTop + specificPanel.panelHeight / 2,
+      left: specificPanel.panelLeft,
+      right: specificPanel.panelRight
+    },
+    bottom: {
+      top: specificPanel.panelBottom - specificPanel.panelHeight / 2,
+      bottom: specificPanel.panelBottom,
+      right: specificPanel.panelRight,
+      left: specificPanel.panelLeft
+    }
+  };
+};
+
+export { getColumnAreas };
+//# sourceMappingURL=getColumnAreas.js.map

package/dist/splash/util/getColumnAreas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getColumnAreas.js","sources":["../../../src/splash/util/getColumnAreas.ts"],"sourcesContent":["import { TPanelData } from '../types';\r\n\r\nexport const getColumnAreas = (specificPanel: TPanelData) => {\r\n  return {\r\n    top: {\r\n      top: specificPanel.panelTop,\r\n      bottom: specificPanel.panelTop + specificPanel.panelHeight / 2,\r\n      left: specificPanel.panelLeft,\r\n      right: specificPanel.panelRight,\r\n    },\r\n    bottom: {\r\n      top: specificPanel.panelBottom - specificPanel.panelHeight / 2,\r\n      bottom: specificPanel.panelBottom,\r\n      right: specificPanel.panelRight,\r\n      left: specificPanel.panelLeft,\r\n    },\r\n  };\r\n};\r\n"],"names":[],"mappings":"AAEa,MAAA,cAAA,GAAiB,CAAC,aAA8B,KAAA;AAC3D,EAAO,OAAA;AAAA,IACL,GAAK,EAAA;AAAA,MACH,KAAK,aAAc,CAAA,QAAA;AAAA,MACnB,MAAQ,EAAA,aAAA,CAAc,QAAW,GAAA,aAAA,CAAc,WAAc,GAAA,CAAA;AAAA,MAC7D,MAAM,aAAc,CAAA,SAAA;AAAA,MACpB,OAAO,aAAc,CAAA,UAAA;AAAA,KACvB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,GAAK,EAAA,aAAA,CAAc,WAAc,GAAA,aAAA,CAAc,WAAc,GAAA,CAAA;AAAA,MAC7D,QAAQ,aAAc,CAAA,WAAA;AAAA,MACtB,OAAO,aAAc,CAAA,UAAA;AAAA,MACrB,MAAM,aAAc,CAAA,SAAA;AAAA,KACtB;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/splash/util/isCursorInArea.js

@@ -0,0 +1,13 @@
+const isCursorInArea = ({
+  top,
+  bottom,
+  left,
+  right,
+  cursorX,
+  cursorY
+}) => {
+  return top <= cursorY && cursorY <= bottom && left <= cursorX && cursorX <= right;
+};
+
+export { isCursorInArea };
+//# sourceMappingURL=isCursorInArea.js.map

package/dist/splash/util/isCursorInArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCursorInArea.js","sources":["../../../src/splash/util/isCursorInArea.ts"],"sourcesContent":["import { TPanelZoneCoordinates } from '../types';\r\n\r\nexport const isCursorInArea = ({\r\n  top,\r\n  bottom,\r\n  left,\r\n  right,\r\n  cursorX,\r\n  cursorY,\r\n}: TPanelZoneCoordinates) => {\r\n  return (\r\n    top <= cursorY && cursorY <= bottom && left <= cursorX && cursorX <= right\r\n  );\r\n};\r\n"],"names":[],"mappings":"AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,GAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AACF,CAA6B,KAAA;AAC3B,EAAA,OACE,OAAO,OAAW,IAAA,OAAA,IAAW,MAAU,IAAA,IAAA,IAAQ,WAAW,OAAW,IAAA,KAAA,CAAA;AAEzE;;;;"}

package/dist/types.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode, FC } from 'react';
+
+interface TPanelProps {
+    canMove: boolean;
+    children: ReactNode;
+    hasRss: boolean;
+    id: string;
+    initialData: {
+        initialData: unknown;
+    };
+    isConfigurable: boolean;
+    isRefreshable: boolean;
+    name: string;
+    refreshOnStart: boolean;
+    refreshOnHome: boolean;
+    showTitle: boolean;
+    title: string;
+    type: string;
+}
+type TLoadedPanelProps = Omit<TPanelProps, 'children'>;
+type TPanelId = TPanelProps['id'];
+type TPanelName = TPanelProps['name'];
+type TPanelType = TPanelProps['type'];
+type PanelContainer = FC<TPanelProps>;
+
+export type { PanelContainer, TLoadedPanelProps, TPanelId, TPanelName, TPanelProps, TPanelType };
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/dist/util.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType } from 'react';
+
+declare function importPanel(path: string): ComponentType<{
+    initialData: unknown;
+}>;
+
+export { importPanel };
+//# sourceMappingURL=util.d.ts.map

package/dist/util.d.ts.map

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

package/dist/util.js

@@ -0,0 +1,30 @@
+import { lazy } from 'react';
+import { PanelNotFound } from './dashboard/PanelNotFound.js';
+
+const importedPanels = {};
+function importPanel(path) {
+  if (!importedPanels[path])
+    importedPanels[path] = lazy(() => {
+      return new Promise((resolve) => {
+        import(
+          /* webpackChunkName: "[request]" */
+          /* webpackInclude: /\.tsx?$/ */
+          /* webpackPreload: true */
+          `/panels/${path}`
+        ).then(
+          (result) => {
+            console.log(result);
+            resolve(result.default);
+          }
+        ).catch(() => {
+          resolve({
+            default: PanelNotFound
+          });
+        });
+      });
+    });
+  return importedPanels[path];
+}
+
+export { importPanel };
+//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../src/util.ts"],"sourcesContent":["import { ComponentType, lazy } from 'react';\r\nimport { PanelNotFound } from './dashboard/PanelNotFound';\r\n\r\nconst importedPanels: Record<\r\n  string,\r\n  ComponentType<{ initialData: unknown }>\r\n> = {};\r\nexport function importPanel(path: string) {\r\n  if (!importedPanels[path])\r\n    importedPanels[path] = lazy<ComponentType<{ initialData: unknown }>>(() => {\r\n      return new Promise<{\r\n        default: ComponentType<{ initialData: unknown }>;\r\n      }>((resolve) => {\r\n        import(\r\n          /* webpackChunkName: \"[request]\" */\r\n          /* webpackInclude: /\\.tsx?$/ */\r\n          /* webpackPreload: true */\r\n          `/panels/${path}`\r\n        )\r\n          .then(\r\n            (result: {\r\n              default: { default: ComponentType<{ initialData: unknown }> };\r\n            }) => {\r\n              console.log(result);\r\n              resolve(result.default);\r\n            },\r\n          )\r\n          .catch(() => {\r\n            resolve({\r\n              default: PanelNotFound,\r\n            });\r\n          });\r\n      });\r\n    });\r\n\r\n  return importedPanels[path];\r\n}\r\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAGF,EAAC,CAAA;AACE,SAAS,YAAY,IAAc,EAAA;AACxC,EAAI,IAAA,CAAC,eAAe,IAAI,CAAA;AACtB,IAAe,cAAA,CAAA,IAAI,CAAI,GAAA,IAAA,CAA8C,MAAM;AACzE,MAAO,OAAA,IAAI,OAER,CAAA,CAAC,OAAY,KAAA;AACd,QAAA;AAAA;AAAA;AAAA;AAAA,UAIE,WAAW,IAAI,CAAA,CAAA;AAAA,SAEd,CAAA,IAAA;AAAA,UACC,CAAC,MAEK,KAAA;AACJ,YAAA,OAAA,CAAQ,IAAI,MAAM,CAAA,CAAA;AAClB,YAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAAA,WACxB;AAAA,SACF,CACC,MAAM,MAAM;AACX,UAAQ,OAAA,CAAA;AAAA,YACN,OAAS,EAAA,aAAA;AAAA,WACV,CAAA,CAAA;AAAA,SACF,CAAA,CAAA;AAAA,OACJ,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAEH,EAAA,OAAO,eAAe,IAAI,CAAA,CAAA;AAC5B;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/dashboard-controller",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -13,8 +13,8 @@
     "libWatch": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true"
   },
   "dependencies": {
-    "@apia/api": "^2.0.9",
-    "@apia/components": "^2.0.9",
+    "@apia/api": "^2.0.10",
+    "@apia/components": "^2.0.10",
     "@apia/icons": "^2.0.8",
     "@apia/store": "^2.0.8",
     "@apia/theme": "^2.0.8",
@@ -37,5 +37,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "0fec582924d14ada0f317defb5e024b1a8f96c4d"
+  "gitHead": "7c24cfee81e9960f174af5ede68e8f9f514db1d9"
 }