@apia/dashboard-controller 4.0.102 → 5.0.1

package/dist/actions/externalFirePanelAction.d.ts

@@ -0,0 +1,6 @@
+import { TExternalActionDispatcher } from './usePanelActions.js';
+
+declare const externalFirePanelAction: TExternalActionDispatcher;
+
+export { externalFirePanelAction };
+//# sourceMappingURL=externalFirePanelAction.d.ts.map

package/dist/actions/externalFirePanelAction.d.ts.map

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

package/dist/actions/externalFirePanelAction.js

@@ -0,0 +1,12 @@
+import { firePanelAction } from './firePanelAction.js';
+
+const externalFirePanelAction = (panelId, { action, ...parameters }, options) => {
+  const postData = {};
+  Object.entries(parameters).forEach(([name, value]) => {
+    postData[`p_${name}`] = value;
+  });
+  firePanelAction(panelId, action, postData, options);
+};
+
+export { externalFirePanelAction };
+//# sourceMappingURL=externalFirePanelAction.js.map

package/dist/actions/externalFirePanelAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"externalFirePanelAction.js","sources":["../../src/actions/externalFirePanelAction.ts"],"sourcesContent":["import { firePanelAction } from './firePanelAction';\r\nimport { TExternalActionDispatcher } from './usePanelActions';\r\n\r\nexport const externalFirePanelAction: TExternalActionDispatcher = (\r\n  panelId,\r\n  { action, ...parameters },\r\n  options,\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  firePanelAction(panelId, action, postData, options);\r\n};\r\n"],"names":[],"mappings":";;AAGO,MAAM,uBAAA,GAAqD,CAChE,OAAA,EACA,EAAE,QAAQ,GAAG,UAAA,IACb,OAAA,KACG;AACH,EAAA,MAAM,WAAoC,EAAC;AAE3C,EAAA,MAAA,CAAO,OAAA,CAAQ,UAAU,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,IAAA,EAAM,KAAK,CAAA,KAAM;AACpD,IAAA,QAAA,CAAS,CAAA,EAAA,EAAK,IAAI,CAAA,CAAE,CAAA,GAAI,KAAA;AAAA,GACzB,CAAA;AAED,EAAA,eAAA,CAAgB,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAU,OAAO,CAAA;AACpD;;;;"}

package/dist/actions/firePanelAction.d.ts

@@ -0,0 +1,6 @@
+import { TActionResult } from './usePanelActions.js';
+
+type TOnSucceed = (hasSucceed: boolean, data: TActionResult) => unknown;
+
+export type { TOnSucceed };
+//# sourceMappingURL=firePanelAction.d.ts.map

package/dist/actions/firePanelAction.d.ts.map

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

package/dist/actions/firePanelAction.js

@@ -0,0 +1,75 @@
+import { ApiaApi, makeApiaUrl } from '@apia/api';
+import { panelActionsEmitter } from './usePanelActions.js';
+import { panelNetworkStateEmitter } from './usePanelNetworkState.js';
+import { ucfirst } from '@apia/util';
+import { setPanelTitleAction, setPanelImageAction, setPanelTitleDescritpion } from '../panelsUtil/usePanelTitleAction.js';
+import { startTransition } from 'react';
+import { changePanelTitle } from '../panelsUtil/usePanelChangeTitle.js';
+
+function firePanelAction(panelId, action, parameters, options) {
+  const postData = { p_action: action, ...parameters };
+  panelActionsEmitter.emit(panelId, `pre${ucfirst(action)}`, null);
+  void ApiaApi.post(
+    makeApiaUrl({
+      action: "panelAction",
+      pnlId: panelId
+    }),
+    { postData, postDataTreatement: "stringify", ...options?.requestConfig }
+  ).then((result) => {
+    if (result?.status !== 200) {
+      console.log("ERROR", panelId);
+      panelNetworkStateEmitter.emit("stateChange", {
+        panelId,
+        isConnected: false
+      });
+    } else {
+      panelNetworkStateEmitter.emit("stateChange", {
+        panelId,
+        isConnected: true
+      });
+    }
+    try {
+      if (result) {
+        startTransition(() => {
+          if (result?.data?.title) {
+            changePanelTitle(
+              { panelId },
+              result?.data?.title
+            );
+          }
+          if (result?.data?.footer) {
+            ({}).changePanelFooter(
+              panelId,
+              result?.data?.footer
+            );
+          }
+          if (result?.data?.titleAction) {
+            setPanelTitleAction(panelId, result?.data?.titleAction);
+          }
+          setPanelImageAction(panelId, result?.data?.image ?? "");
+          if (result?.data?.titleDescription) {
+            setPanelTitleDescritpion(
+              panelId,
+              result?.data?.titleDescription
+            );
+          }
+          options?.onComplete?.(true, result);
+          panelActionsEmitter.emit(panelId, action, result);
+        });
+      } else
+        options?.onComplete?.(false, null);
+    } catch (e) {
+      console.error(e);
+    }
+  }).catch((e) => {
+    console.error(e);
+    panelNetworkStateEmitter.emit("stateChange", {
+      panelId,
+      isConnected: false
+    });
+    options?.onComplete?.(false, null);
+  });
+}
+
+export { firePanelAction };
+//# sourceMappingURL=firePanelAction.js.map

package/dist/actions/firePanelAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"firePanelAction.js","sources":["../../src/actions/firePanelAction.ts"],"sourcesContent":["import { ApiaApi, makeApiaUrl } from '@apia/api';\r\nimport {\r\n  TActionDispatcherOptions,\r\n  TActionResult,\r\n  TFooter,\r\n  panelActionsEmitter,\r\n} from './usePanelActions';\r\nimport { panelNetworkStateEmitter } from './usePanelNetworkState';\r\nimport { changePanelTitle } from '../panelsUtil';\r\nimport { ucfirst } from '@apia/util';\r\nimport {\r\n  setPanelImageAction,\r\n  setPanelTitleAction,\r\n  setPanelTitleDescritpion,\r\n} from '../panelsUtil/usePanelTitleAction';\r\nimport { startTransition } from 'react';\r\nimport { TPanelIdentifier } from '../eventsController';\r\n\r\nexport type TOnSucceed = (hasSucceed: boolean, data: TActionResult) => unknown;\r\n\r\n/**\r\n * **MÉTODO DE USO INTERNO**\r\n *\r\n * LLama al server para ejecutar una acción iniciada en el cliente.\r\n *\r\n * La forma de llamar acciones desde un panel es con el hook usePanelActions.\r\n */\r\nexport function firePanelAction(\r\n  panelId: string,\r\n  action: string,\r\n  parameters?: Record<string, unknown>,\r\n  options?: TActionDispatcherOptions,\r\n) {\r\n  const postData = { p_action: action, ...parameters };\r\n  panelActionsEmitter.emit(panelId, `pre${ucfirst(action)}`, null);\r\n  void ApiaApi.post(\r\n    makeApiaUrl({\r\n      action: 'panelAction',\r\n      pnlId: panelId,\r\n    }),\r\n    { postData, postDataTreatement: 'stringify', ...options?.requestConfig },\r\n  )\r\n    .then((result) => {\r\n      if (result?.status !== 200) {\r\n        console.log('ERROR', panelId);\r\n        panelNetworkStateEmitter.emit('stateChange', {\r\n          panelId,\r\n          isConnected: false,\r\n        });\r\n      } else {\r\n        panelNetworkStateEmitter.emit('stateChange', {\r\n          panelId,\r\n          isConnected: true,\r\n        });\r\n      }\r\n      try {\r\n        if (result) {\r\n          startTransition(() => {\r\n            if (result?.data?.title) {\r\n              changePanelTitle(\r\n                { panelId } as TPanelIdentifier,\r\n                (result as TActionResult<{ title: string }>)?.data\r\n                  ?.title as string,\r\n              );\r\n            }\r\n            if (result?.data?.footer) {\r\n              (({}) as any).changePanelFooter(\r\n                panelId,\r\n                (result as TActionResult<{ footer: TFooter }>)?.data\r\n                  ?.footer as TFooter,\r\n              );\r\n            }\r\n            if (result?.data?.titleAction) {\r\n              setPanelTitleAction(panelId, result?.data?.titleAction as string);\r\n            }\r\n\r\n            setPanelImageAction(panelId, (result?.data?.image as string) ?? '');\r\n            if (result?.data?.titleDescription) {\r\n              setPanelTitleDescritpion(\r\n                panelId,\r\n                result?.data?.titleDescription as string,\r\n              );\r\n            }\r\n            options?.onComplete?.(true, result);\r\n            panelActionsEmitter.emit(panelId, action, result);\r\n          });\r\n        } else options?.onComplete?.(false, null);\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n    })\r\n    .catch((e) => {\r\n      console.error(e);\r\n      panelNetworkStateEmitter.emit('stateChange', {\r\n        panelId,\r\n        isConnected: false,\r\n      });\r\n      options?.onComplete?.(false, null);\r\n    });\r\n}\r\n"],"names":[],"mappings":";;;;;;;;AA2BO,SAAS,eAAA,CACd,OAAA,EACA,MAAA,EACA,UAAA,EACA,OAAA,EACA;AACA,EAAA,MAAM,QAAA,GAAW,EAAE,QAAA,EAAU,MAAA,EAAQ,GAAG,UAAA,EAAW;AACnD,EAAA,mBAAA,CAAoB,KAAK,OAAA,EAAS,CAAA,GAAA,EAAM,QAAQ,MAAM,CAAC,IAAI,IAAI,CAAA;AAC/D,EAAA,KAAK,OAAA,CAAQ,IAAA;AAAA,IACX,WAAA,CAAY;AAAA,MACV,MAAA,EAAQ,aAAA;AAAA,MACR,KAAA,EAAO;AAAA,KACR,CAAA;AAAA,IACD,EAAE,QAAA,EAAU,kBAAA,EAAoB,WAAA,EAAa,GAAG,SAAS,aAAA;AAAc,GACzE,CACG,IAAA,CAAK,CAAC,MAAA,KAAW;AAChB,IAAA,IAAI,MAAA,EAAQ,WAAW,GAAA,EAAK;AAC1B,MAAA,OAAA,CAAQ,GAAA,CAAI,SAAS,OAAO,CAAA;AAC5B,MAAA,wBAAA,CAAyB,KAAK,aAAA,EAAe;AAAA,QAC3C,OAAA;AAAA,QACA,WAAA,EAAa;AAAA,OACd,CAAA;AAAA,KACH,MAAO;AACL,MAAA,wBAAA,CAAyB,KAAK,aAAA,EAAe;AAAA,QAC3C,OAAA;AAAA,QACA,WAAA,EAAa;AAAA,OACd,CAAA;AAAA;AAEH,IAAA,IAAI;AACF,MAAA,IAAI,MAAA,EAAQ;AACV,QAAA,eAAA,CAAgB,MAAM;AACpB,UAAA,IAAI,MAAA,EAAQ,MAAM,KAAA,EAAO;AACvB,YAAA,gBAAA;AAAA,cACE,EAAE,OAAA,EAAQ;AAAA,cACT,QAA6C,IAAA,EAC1C;AAAA,aACN;AAAA;AAEF,UAAA,IAAI,MAAA,EAAQ,MAAM,MAAA,EAAQ;AACxB,YAAA,CAAE,EAAC,EAAW,iBAAA;AAAA,cACZ,OAAA;AAAA,cACC,QAA+C,IAAA,EAC5C;AAAA,aACN;AAAA;AAEF,UAAA,IAAI,MAAA,EAAQ,MAAM,WAAA,EAAa;AAC7B,YAAA,mBAAA,CAAoB,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,WAAqB,CAAA;AAAA;AAGlE,UAAA,mBAAA,CAAoB,OAAA,EAAU,MAAA,EAAQ,IAAA,EAAM,KAAA,IAAoB,EAAE,CAAA;AAClE,UAAA,IAAI,MAAA,EAAQ,MAAM,gBAAA,EAAkB;AAClC,YAAA,wBAAA;AAAA,cACE,OAAA;AAAA,cACA,QAAQ,IAAA,EAAM;AAAA,aAChB;AAAA;AAEF,UAAA,OAAA,EAAS,UAAA,GAAa,MAAM,MAAM,CAAA;AAClC,UAAA,mBAAA,CAAoB,IAAA,CAAK,OAAA,EAAS,MAAA,EAAQ,MAAM,CAAA;AAAA,SACjD,CAAA;AAAA,OACH;AAAO,QAAA,OAAA,EAAS,UAAA,GAAa,OAAO,IAAI,CAAA;AAAA,aACjC,CAAA,EAAG;AACV,MAAA,OAAA,CAAQ,MAAM,CAAC,CAAA;AAAA;AACjB,GACD,CAAA,CACA,KAAA,CAAM,CAAC,CAAA,KAAM;AACZ,IAAA,OAAA,CAAQ,MAAM,CAAC,CAAA;AACf,IAAA,wBAAA,CAAyB,KAAK,aAAA,EAAe;AAAA,MAC3C,OAAA;AAAA,MACA,WAAA,EAAa;AAAA,KACd,CAAA;AACD,IAAA,OAAA,EAAS,UAAA,GAAa,OAAO,IAAI,CAAA;AAAA,GAClC,CAAA;AACL;;;;"}

package/dist/actions/useActionEventHandlers.d.ts

@@ -0,0 +1,10 @@
+import { TBasicAction } from '@apia/util';
+
+declare const useActionEventHandlers: () => {
+    onClick: (ev: React.MouseEvent<HTMLElement, MouseEvent>) => (action: TBasicAction) => void;
+    onDoubleClick: (ev: React.MouseEvent<HTMLElement, MouseEvent>) => (action: TBasicAction) => void;
+    onKeyDown: (ev: React.KeyboardEvent<HTMLElement>) => (action: TBasicAction) => void;
+};
+
+export { useActionEventHandlers };
+//# sourceMappingURL=useActionEventHandlers.d.ts.map

package/dist/actions/useActionEventHandlers.d.ts.map

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

package/dist/actions/useActionEventHandlers.js

@@ -0,0 +1,67 @@
+import { useCallback } from 'react';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+import { handleAction } from '@apia/util';
+import { ApiaApi } from '@apia/api';
+import { firePanelAction } from './firePanelAction.js';
+import { eventsController } from '../eventsController/eventsController.js';
+
+const useActionEventHandlers = () => {
+  const identifier = usePanelIdentity();
+  const handler = useCallback(
+    (ev, action) => handleAction(
+      {
+        callAjaxUrl: ({ url }) => {
+          ApiaApi.post(url, { handleLoad: true });
+        },
+        openTab: ({ url, title }) => {
+          window.top?.tabsController.openTabByUrl(title, url);
+        },
+        fireAction(action2, parameters) {
+          firePanelAction(identifier.panelId, action2, parameters, {
+            requestConfig: { handleLoad: true }
+          });
+        },
+        fireEvent(eventType, payload) {
+          eventsController.fireEvent(identifier, eventType, payload);
+        }
+      },
+      ev,
+      action
+    ),
+    [identifier]
+  );
+  const onClick = useCallback(
+    (ev) => {
+      return (action) => {
+        if (action.actionSource !== "CLICK")
+          return;
+        handler(ev, action);
+      };
+    },
+    [handler]
+  );
+  const onDoubleClick = useCallback(
+    (ev) => {
+      return (action) => {
+        if (action.actionSource !== "DOUBLE_CLICK")
+          return;
+        handler(ev, action);
+      };
+    },
+    [handler]
+  );
+  const onKeyDown = useCallback(
+    (ev) => {
+      return (action) => {
+        if (ev.code !== "Enter")
+          return;
+        handler(ev, action);
+      };
+    },
+    [handler]
+  );
+  return { onClick, onDoubleClick, onKeyDown };
+};
+
+export { useActionEventHandlers };
+//# sourceMappingURL=useActionEventHandlers.js.map

package/dist/actions/useActionEventHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionEventHandlers.js","sources":["../../src/actions/useActionEventHandlers.ts"],"sourcesContent":["import { useCallback } from 'react';\r\nimport { usePanelIdentity } from '../common';\r\nimport { handleAction, TBasicAction } from '@apia/util';\r\nimport { ApiaApi } from '@apia/api';\r\nimport { firePanelAction } from './firePanelAction';\r\nimport { eventsController } from '../eventsController';\r\n\r\ninterface ITabsController {\r\n  openTabByUrl(title: string, url: string): void;\r\n}\r\n\r\nexport const useActionEventHandlers = () => {\r\n  const identifier = usePanelIdentity();\r\n\r\n  const handler = useCallback(\r\n    (\r\n      ev:\r\n        | React.MouseEvent<HTMLElement, MouseEvent>\r\n        | React.KeyboardEvent<HTMLElement>,\r\n      action: TBasicAction,\r\n    ) =>\r\n      handleAction(\r\n        {\r\n          callAjaxUrl: ({ url }) => {\r\n            ApiaApi.post(url, { handleLoad: true });\r\n          },\r\n          openTab: ({ url, title }) => {\r\n            (\r\n              window.top as unknown as { tabsController: ITabsController }\r\n            )?.tabsController.openTabByUrl(title, url);\r\n          },\r\n          fireAction(action, parameters) {\r\n            firePanelAction(identifier.panelId, action, parameters, {\r\n              requestConfig: { handleLoad: true },\r\n            });\r\n          },\r\n          fireEvent(eventType, payload) {\r\n            eventsController.fireEvent(identifier, eventType, payload);\r\n          },\r\n        },\r\n        ev,\r\n        action,\r\n      ),\r\n    [identifier],\r\n  );\r\n\r\n  const onClick = useCallback(\r\n    (ev: React.MouseEvent<HTMLElement, MouseEvent>) => {\r\n      return (action: TBasicAction) => {\r\n        if (action.actionSource !== 'CLICK') return;\r\n        handler(ev, action);\r\n      };\r\n    },\r\n    [handler],\r\n  );\r\n\r\n  const onDoubleClick = useCallback(\r\n    (ev: React.MouseEvent<HTMLElement, MouseEvent>) => {\r\n      return (action: TBasicAction) => {\r\n        if (action.actionSource !== 'DOUBLE_CLICK') return;\r\n        handler(ev, action);\r\n      };\r\n    },\r\n    [handler],\r\n  );\r\n\r\n  const onKeyDown = useCallback(\r\n    (ev: React.KeyboardEvent<HTMLElement>) => {\r\n      return (action: TBasicAction) => {\r\n        if (ev.code !== 'Enter') return;\r\n        handler(ev, action);\r\n      };\r\n    },\r\n    [handler],\r\n  );\r\n\r\n  return { onClick, onDoubleClick, onKeyDown };\r\n};\r\n"],"names":["action"],"mappings":";;;;;;;AAWO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,MAAM,aAAa,gBAAA,EAAiB;AAEpC,EAAA,MAAM,OAAA,GAAU,WAAA;AAAA,IACd,CACE,IAGA,MAAA,KAEA,YAAA;AAAA,MACE;AAAA,QACE,WAAA,EAAa,CAAC,EAAE,GAAA,EAAI,KAAM;AACxB,UAAA,OAAA,CAAQ,IAAA,CAAK,GAAA,EAAK,EAAE,UAAA,EAAY,MAAM,CAAA;AAAA,SACxC;AAAA,QACA,OAAA,EAAS,CAAC,EAAE,GAAA,EAAK,OAAM,KAAM;AAC3B,UACE,MAAA,CAAO,GAAA,EACN,cAAA,CAAe,YAAA,CAAa,OAAO,GAAG,CAAA;AAAA,SAC3C;AAAA,QACA,UAAA,CAAWA,SAAQ,UAAA,EAAY;AAC7B,UAAA,eAAA,CAAgB,UAAA,CAAW,OAAA,EAASA,OAAAA,EAAQ,UAAA,EAAY;AAAA,YACtD,aAAA,EAAe,EAAE,UAAA,EAAY,IAAA;AAAK,WACnC,CAAA;AAAA,SACH;AAAA,QACA,SAAA,CAAU,WAAW,OAAA,EAAS;AAC5B,UAAA,gBAAA,CAAiB,SAAA,CAAU,UAAA,EAAY,SAAA,EAAW,OAAO,CAAA;AAAA;AAC3D,OACF;AAAA,MACA,EAAA;AAAA,MACA;AAAA,KACF;AAAA,IACF,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,OAAA,GAAU,WAAA;AAAA,IACd,CAAC,EAAA,KAAkD;AACjD,MAAA,OAAO,CAAC,MAAA,KAAyB;AAC/B,QAAA,IAAI,OAAO,YAAA,KAAiB,OAAA;AAAS,UAAA;AACrC,QAAA,OAAA,CAAQ,IAAI,MAAM,CAAA;AAAA,OACpB;AAAA,KACF;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,EAAA,KAAkD;AACjD,MAAA,OAAO,CAAC,MAAA,KAAyB;AAC/B,QAAA,IAAI,OAAO,YAAA,KAAiB,cAAA;AAAgB,UAAA;AAC5C,QAAA,OAAA,CAAQ,IAAI,MAAM,CAAA;AAAA,OACpB;AAAA,KACF;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,EAAA,KAAyC;AACxC,MAAA,OAAO,CAAC,MAAA,KAAyB;AAC/B,QAAA,IAAI,GAAG,IAAA,KAAS,OAAA;AAAS,UAAA;AACzB,QAAA,OAAA,CAAQ,IAAI,MAAM,CAAA;AAAA,OACpB;AAAA,KACF;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,OAAO,EAAE,OAAA,EAAS,aAAA,EAAe,SAAA,EAAU;AAC7C;;;;"}

package/dist/actions/usePanelActions.d.ts

@@ -0,0 +1,65 @@
+import { TApiaApiResult, IApiaApiRequestConfig } from '@apia/api';
+import { TOnSucceed } from './firePanelAction.js';
+import { TBasicAction } from '@apia/util';
+
+type TFooter = TBasicAction & {
+    force?: boolean;
+};
+type TCommonActionResult = {
+    title: string;
+    footer: TFooter;
+};
+type TActionResult<T = any> = null | NonNullable<Awaited<TApiaApiResult<T extends Record<string, unknown> ? T & TCommonActionResult : T>>>;
+type TActionDispatcherOptions = {
+    onComplete?: TOnSucceed;
+    requestConfig?: IApiaApiRequestConfig<object>;
+};
+type TExternalActionDispatcher = (panelId: string, { action, ...parameters }: {
+    action: string;
+} & Record<string, unknown>, options?: TActionDispatcherOptions) => void;
+type TActionDispatcher = ({ action, ...parameters }: {
+    action: string;
+} & Record<string, unknown>, options?: TActionDispatcherOptions) => Promise<TActionResult>;
+type TActionHandler = (result: TActionResult) => unknown;
+/**
+ * El hook usePanelActions es el método principal de comunicación entre el
+ * módulo cliente y el módulo server de un panel.
+ *
+ * Acepta un actionsHandler y devuelve un actionDispatcher.
+ *
+ * **Existe la acción refresh** que será llamada automáticamente cada vez que
+ * se guarde la configuración del panel o se haga click en el botón refrescar
+ * del mismo.
+ *
+ * @param actionsHandler Es un objeto de tipo clave-valor en donde cada clave debe corresponderse con una acción que puede ser ejecutada en el panel. El valor debe ser una función que recibe la respuesta del servidor a la ejecución de la acción.
+ *
+ * @returns Un método actionDispatcher que permite ejecutar acciones para ser procesadas por la contraparte del panel en el servidor. Al ser llamado acepta un objeto que debe tener como mínimo la propiedad action: string, que indica qué acción será ejecutada. Acepta opcionalmente cualquier cantidad adicional de propiedades en el objeto.
+ *
+ * @example
+ *
+  const dispatch = usePanelActions({
+    refresh() {
+      console.log('Refresh');
+    },
+    revert(response: TActionResult<TApiaLoadText>) {
+      if (response?.data?.text.label !== undefined)
+        setLabel(response?.data?.text.label);
+    },
+  });
+
+  return  <Button
+    onClick={() => {
+      dispatch({
+        action: 'revert',
+          text: (document.getElementById('Text') as
+          HTMLInputElement).value,
+      });
+    }}
+  >
+    Revert
+  </Button>
+ */
+declare function usePanelActions(actionsHandler?: Record<string, TActionHandler>): TActionDispatcher;
+
+export { type TActionDispatcher, type TActionDispatcherOptions, type TActionHandler, type TActionResult, type TCommonActionResult, type TExternalActionDispatcher, type TFooter, usePanelActions };
+//# sourceMappingURL=usePanelActions.d.ts.map

package/dist/actions/usePanelActions.d.ts.map

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

package/dist/actions/usePanelActions.js

@@ -0,0 +1,55 @@
+import { useMount } from '@apia/util';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+import { useDashboardPanel } from '../dashboard/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;
+};
+const panelActionsEmitter = new class PanelActionsEmitter {
+  constructor() {
+    __publicField(this, "listeners", {});
+    __publicField(this, "on", (panelId, action, cb) => {
+      if (!this.listeners[panelId])
+        this.listeners[panelId] = {};
+      if (!this.listeners[panelId][action])
+        this.listeners[panelId][action] = [];
+      this.listeners[panelId][action].push(cb);
+      return () => {
+        this.listeners[panelId][action] = this.listeners[panelId][action].filter(
+          (current) => current !== cb
+        );
+      };
+    });
+    __publicField(this, "emit", (panelId, action, data) => {
+      this.listeners[panelId]?.[action]?.forEach((current) => {
+        window.requestAnimationFrame(() => {
+          current({ action, panelId, data });
+        });
+      });
+    });
+  }
+}();
+function usePanelActions(actionsHandler) {
+  const { panelId } = usePanelIdentity();
+  useMount(() => {
+    const subscriptions = [];
+    Object.entries(actionsHandler ?? {}).forEach(([action, handler]) => {
+      subscriptions.push(
+        panelActionsEmitter.on(panelId, action, (res) => {
+          handler(res.data);
+        })
+      );
+    });
+    return () => {
+      subscriptions.forEach((unsubscribe) => unsubscribe());
+    };
+  });
+  const panel = useDashboardPanel();
+  return panel.fireAction;
+}
+
+export { panelActionsEmitter, usePanelActions };
+//# sourceMappingURL=usePanelActions.js.map

package/dist/actions/usePanelActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelActions.js","sources":["../../src/actions/usePanelActions.ts"],"sourcesContent":["import { TApiaApiResult, IApiaApiRequestConfig } from '@apia/api';\r\nimport { useMount } from '@apia/util';\r\nimport { usePanelIdentity } from '../common';\r\nimport { TPanelId } from '../types';\r\nimport { TOnSucceed } from './firePanelAction';\r\nimport { TBasicAction } from '@apia/util';\r\nimport { useDashboardPanel } from '../dashboard/DashboardPanelContext';\r\n\r\ntype TActionListener = (result: {\r\n  action: string;\r\n  data: TActionResult;\r\n  panelId: TPanelId;\r\n}) => unknown;\r\n\r\nexport const panelActionsEmitter = new (class PanelActionsEmitter {\r\n  listeners: Record<TPanelId, Record<string, TActionListener[]>> = {};\r\n\r\n  on = (panelId: TPanelId, action: string, cb: TActionListener) => {\r\n    if (!this.listeners[panelId]) this.listeners[panelId] = {};\r\n    if (!this.listeners[panelId][action]) this.listeners[panelId][action] = [];\r\n\r\n    this.listeners[panelId][action].push(cb);\r\n\r\n    return () => {\r\n      this.listeners[panelId][action] = this.listeners[panelId][action].filter(\r\n        (current) => current !== cb,\r\n      );\r\n    };\r\n  };\r\n\r\n  emit = (panelId: TPanelId, action: string, data: TActionResult) => {\r\n    this.listeners[panelId]?.[action]?.forEach((current) => {\r\n      window.requestAnimationFrame(() => {\r\n        current({ action, panelId, data });\r\n      });\r\n    });\r\n  };\r\n})();\r\n\r\nexport type TFooter = TBasicAction & { force?: boolean };\r\n\r\nexport type TCommonActionResult = { title: string; footer: TFooter };\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nexport type TActionResult<T = any> = null | NonNullable<\r\n  Awaited<\r\n    TApiaApiResult<\r\n      T extends Record<string, unknown> ? T & TCommonActionResult : T\r\n    >\r\n  >\r\n>;\r\n\r\nexport type TActionDispatcherOptions = {\r\n  onComplete?: TOnSucceed;\r\n  requestConfig?: IApiaApiRequestConfig<object>;\r\n};\r\n\r\nexport type TExternalActionDispatcher = (\r\n  panelId: string,\r\n  { action, ...parameters }: { action: string } & Record<string, unknown>,\r\n  options?: TActionDispatcherOptions,\r\n) => void;\r\n\r\nexport type TActionDispatcher = (\r\n  { action, ...parameters }: { action: string } & Record<string, unknown>,\r\n  options?: TActionDispatcherOptions,\r\n) => Promise<TActionResult>;\r\n\r\nexport type TActionHandler = (result: TActionResult) => unknown;\r\n\r\n/**\r\n * El hook usePanelActions es el método principal de comunicación entre el\r\n * módulo cliente y el módulo server de un panel.\r\n *\r\n * Acepta un actionsHandler y devuelve un actionDispatcher.\r\n *\r\n * **Existe la acción refresh** que será llamada automáticamente cada vez que\r\n * se guarde la configuración del panel o se haga click en el botón refrescar\r\n * del mismo.\r\n *\r\n * @param actionsHandler Es un objeto de tipo clave-valor en donde cada clave debe corresponderse con una acción que puede ser ejecutada en el panel. El valor debe ser una función que recibe la respuesta del servidor a la ejecución de la acción.\r\n *\r\n * @returns Un método actionDispatcher que permite ejecutar acciones para ser procesadas por la contraparte del panel en el servidor. Al ser llamado acepta un objeto que debe tener como mínimo la propiedad action: string, que indica qué acción será ejecutada. Acepta opcionalmente cualquier cantidad adicional de propiedades en el objeto.\r\n *\r\n * @example\r\n *\r\n  const dispatch = usePanelActions({\r\n    refresh() {\r\n      console.log('Refresh');\r\n    },\r\n    revert(response: TActionResult<TApiaLoadText>) {\r\n      if (response?.data?.text.label !== undefined)\r\n        setLabel(response?.data?.text.label);\r\n    },\r\n  });\r\n\r\n  return  <Button\r\n    onClick={() => {\r\n      dispatch({\r\n        action: 'revert',\r\n          text: (document.getElementById('Text') as\r\n          HTMLInputElement).value,\r\n      });\r\n    }}\r\n  >\r\n    Revert\r\n  </Button>\r\n */\r\nexport function usePanelActions(\r\n  actionsHandler?: Record<string, TActionHandler>,\r\n) {\r\n  const { panelId } = usePanelIdentity();\r\n\r\n  useMount(() => {\r\n    const subscriptions: (() => unknown)[] = [];\r\n\r\n    Object.entries(actionsHandler ?? {}).forEach(([action, handler]) => {\r\n      subscriptions.push(\r\n        panelActionsEmitter.on(panelId, action, (res) => {\r\n          handler(res.data);\r\n        }),\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      subscriptions.forEach((unsubscribe) => unsubscribe());\r\n    };\r\n  });\r\n\r\n  const panel = useDashboardPanel();\r\n\r\n  return panel.fireAction as TActionDispatcher;\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;AAcO,MAAM,mBAAA,GAAsB,IAAK,MAAM,mBAAA,CAAoB;AAAA,EAA1B,WAAA,GAAA;AACtC,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAiE,EAAC,CAAA;AAElE,IAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAK,CAAC,OAAA,EAAmB,MAAA,EAAgB,EAAA,KAAwB;AAC/D,MAAA,IAAI,CAAC,IAAA,CAAK,SAAA,CAAU,OAAO,CAAA;AAAG,QAAA,IAAA,CAAK,SAAA,CAAU,OAAO,CAAA,GAAI,EAAC;AACzD,MAAA,IAAI,CAAC,IAAA,CAAK,SAAA,CAAU,OAAO,EAAE,MAAM,CAAA;AAAG,QAAA,IAAA,CAAK,SAAA,CAAU,OAAO,CAAA,CAAE,MAAM,IAAI,EAAC;AAEzE,MAAA,IAAA,CAAK,UAAU,OAAO,CAAA,CAAE,MAAM,CAAA,CAAE,KAAK,EAAE,CAAA;AAEvC,MAAA,OAAO,MAAM;AACX,QAAA,IAAA,CAAK,SAAA,CAAU,OAAO,CAAA,CAAE,MAAM,CAAA,GAAI,KAAK,SAAA,CAAU,OAAO,CAAA,CAAE,MAAM,CAAA,CAAE,MAAA;AAAA,UAChE,CAAC,YAAY,OAAA,KAAY;AAAA,SAC3B;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,aAAA,CAAA,IAAA,EAAA,MAAA,EAAO,CAAC,OAAA,EAAmB,MAAA,EAAgB,IAAA,KAAwB;AACjE,MAAA,IAAA,CAAK,UAAU,OAAO,CAAA,GAAI,MAAM,CAAA,EAAG,OAAA,CAAQ,CAAC,OAAA,KAAY;AACtD,QAAA,MAAA,CAAO,sBAAsB,MAAM;AACjC,UAAA,OAAA,CAAQ,EAAE,MAAA,EAAQ,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,SAClC,CAAA;AAAA,OACF,CAAA;AAAA,KACH,CAAA;AAAA;AACF,CAAA;AAuEO,SAAS,gBACd,cAAA,EACA;AACA,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AAErC,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,MAAM,gBAAmC,EAAC;AAE1C,IAAA,MAAA,CAAO,OAAA,CAAQ,cAAA,IAAkB,EAAE,CAAA,CAAE,QAAQ,CAAC,CAAC,MAAA,EAAQ,OAAO,CAAA,KAAM;AAClE,MAAA,aAAA,CAAc,IAAA;AAAA,QACZ,mBAAA,CAAoB,EAAA,CAAG,OAAA,EAAS,MAAA,EAAQ,CAAC,GAAA,KAAQ;AAC/C,UAAA,OAAA,CAAQ,IAAI,IAAI,CAAA;AAAA,SACjB;AAAA,OACH;AAAA,KACD,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,aAAA,CAAc,OAAA,CAAQ,CAAC,WAAA,KAAgB,WAAA,EAAa,CAAA;AAAA,KACtD;AAAA,GACD,CAAA;AAED,EAAA,MAAM,QAAQ,iBAAA,EAAkB;AAEhC,EAAA,OAAO,KAAA,CAAM,UAAA;AACf;;;;"}

package/dist/actions/usePanelIsLoading.d.ts

@@ -0,0 +1,4 @@
+declare function usePanelIsLoading(): boolean;
+
+export { usePanelIsLoading };
+//# sourceMappingURL=usePanelIsLoading.d.ts.map

package/dist/actions/usePanelIsLoading.d.ts.map

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

package/dist/actions/usePanelIsLoading.js

@@ -0,0 +1,14 @@
+import { useState } from 'react';
+import { usePanelActions } from './usePanelActions.js';
+
+function usePanelIsLoading() {
+  const [isLoading, setIsLoading] = useState(false);
+  usePanelActions({
+    preRefresh: () => setIsLoading(true),
+    refresh: () => setIsLoading(false)
+  });
+  return isLoading;
+}
+
+export { usePanelIsLoading };
+//# sourceMappingURL=usePanelIsLoading.js.map

package/dist/actions/usePanelIsLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelIsLoading.js","sources":["../../src/actions/usePanelIsLoading.ts"],"sourcesContent":["import { useState } from 'react';\r\nimport { usePanelActions } from './usePanelActions';\r\n\r\nexport function usePanelIsLoading() {\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  usePanelActions({\r\n    preRefresh: () => setIsLoading(true),\r\n    refresh: () => setIsLoading(false),\r\n  });\r\n\r\n  return isLoading;\r\n}\r\n"],"names":[],"mappings":";;;AAGO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,eAAA,CAAgB;AAAA,IACd,UAAA,EAAY,MAAM,YAAA,CAAa,IAAI,CAAA;AAAA,IACnC,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK;AAAA,GAClC,CAAA;AAED,EAAA,OAAO,SAAA;AACT;;;;"}

package/dist/actions/usePanelNetworkState.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Permite saber en todo momento si el panel actual tuvo un error en su
+ * conexión de red
+ */
+declare const usePanelNetworkState: () => boolean;
+
+export { usePanelNetworkState };
+//# sourceMappingURL=usePanelNetworkState.d.ts.map

package/dist/actions/usePanelNetworkState.d.ts.map

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

package/dist/actions/usePanelNetworkState.js

@@ -0,0 +1,21 @@
+import { useState, useEffect } from 'react';
+import { EventEmitter } from '@apia/util';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+
+class PanelNetworkStateEmitter extends EventEmitter {
+}
+const panelNetworkStateEmitter = new PanelNetworkStateEmitter();
+const usePanelNetworkState = () => {
+  const [isConnected, setIsConnected] = useState(true);
+  const { panelId } = usePanelIdentity();
+  useEffect(() => {
+    return panelNetworkStateEmitter.on("stateChange", (ev) => {
+      if (ev.panelId === panelId && ev.isConnected !== isConnected)
+        setIsConnected(ev.isConnected);
+    });
+  }, [isConnected, panelId]);
+  return isConnected;
+};
+
+export { panelNetworkStateEmitter, usePanelNetworkState };
+//# sourceMappingURL=usePanelNetworkState.js.map

package/dist/actions/usePanelNetworkState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelNetworkState.js","sources":["../../src/actions/usePanelNetworkState.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { EventEmitter, TId } from '@apia/util';\r\nimport { usePanelIdentity } from '../common';\r\n\r\nclass PanelNetworkStateEmitter extends EventEmitter<{\r\n  stateChange: {\r\n    panelId: TId;\r\n    isConnected: boolean;\r\n  };\r\n}> {}\r\n\r\nexport const panelNetworkStateEmitter = new PanelNetworkStateEmitter();\r\n\r\n/**\r\n * Permite saber en todo momento si el panel actual tuvo un error en su\r\n * conexión de red\r\n */\r\nexport const usePanelNetworkState = () => {\r\n  const [isConnected, setIsConnected] = useState(true);\r\n\r\n  const { panelId } = usePanelIdentity();\r\n\r\n  useEffect(() => {\r\n    return panelNetworkStateEmitter.on('stateChange', (ev) => {\r\n      if (ev.panelId === panelId && ev.isConnected !== isConnected)\r\n        setIsConnected(ev.isConnected);\r\n    });\r\n  }, [isConnected, panelId]);\r\n\r\n  return isConnected;\r\n};\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,iCAAiC,YAAA,CAKpC;AAAC;AAEG,MAAM,wBAAA,GAA2B,IAAI,wBAAA;AAMrC,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,IAAI,CAAA;AAEnD,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,wBAAA,CAAyB,EAAA,CAAG,aAAA,EAAe,CAAC,EAAA,KAAO;AACxD,MAAA,IAAI,EAAA,CAAG,OAAA,KAAY,OAAA,IAAW,EAAA,CAAG,WAAA,KAAgB,WAAA;AAC/C,QAAA,cAAA,CAAe,GAAG,WAAW,CAAA;AAAA,KAChC,CAAA;AAAA,GACH,EAAG,CAAC,WAAA,EAAa,OAAO,CAAC,CAAA;AAEzB,EAAA,OAAO,WAAA;AACT;;;;"}

package/dist/common/usePanelIdentity.d.ts

@@ -0,0 +1,10 @@
+import { TPanelIdentifier } from '../eventsController/types.js';
+import '../dashboard/DashboardPanelsBootstraper.js';
+
+/**
+ * Permite acceder a la identidad del panel actual.
+ */
+declare function usePanelIdentity(): TPanelIdentifier;
+
+export { usePanelIdentity };
+//# sourceMappingURL=usePanelIdentity.d.ts.map

package/dist/common/usePanelIdentity.d.ts.map

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

package/dist/common/usePanelIdentity.js

@@ -0,0 +1,12 @@
+import { useContext } from 'react';
+import { PanelIdentifierContext } from '../splash/panels/PanelIdentifier.js';
+
+function usePanelIdentity() {
+  const context = useContext(PanelIdentifierContext);
+  if (!context)
+    throw new Error("Trying to access an unexistent PanelIdentifierContext");
+  return context;
+}
+
+export { usePanelIdentity };
+//# sourceMappingURL=usePanelIdentity.js.map

package/dist/common/usePanelIdentity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelIdentity.js","sources":["../../src/common/usePanelIdentity.ts"],"sourcesContent":["import { useContext } from 'react';\r\nimport { PanelIdentifierContext } from '../splash/panels/PanelIdentifier';\r\n\r\n/**\r\n * Permite acceder a la identidad del panel actual.\r\n */\r\nexport function usePanelIdentity() {\r\n  const context = useContext(PanelIdentifierContext);\r\n\r\n  if (!context)\r\n    throw new Error('Trying to access an unexistent PanelIdentifierContext');\r\n\r\n  return context;\r\n}\r\n"],"names":[],"mappings":";;;AAMO,SAAS,gBAAA,GAAmB;AACjC,EAAA,MAAM,OAAA,GAAU,WAAW,sBAAsB,CAAA;AAEjD,EAAA,IAAI,CAAC,OAAA;AACH,IAAA,MAAM,IAAI,MAAM,uDAAuD,CAAA;AAEzE,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/config/parametersStore.d.ts

@@ -0,0 +1,15 @@
+type TPanelParameter = string | number | boolean;
+type TParamsStore = Record<string, TPanelParameter>;
+type TPortableAction = {
+    type: string;
+    payload?: unknown;
+};
+type TPortableStore = {
+    dispatch: (action: TPortableAction) => unknown;
+    getState: () => unknown;
+    subscribe: (listener: () => void) => () => void;
+};
+declare const parametersStore: TPortableStore;
+
+export { type TPanelParameter, type TParamsStore, parametersStore };
+//# sourceMappingURL=parametersStore.d.ts.map

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

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

package/dist/config/parametersStore.js

@@ -0,0 +1,27 @@
+import { injectReducers, createSlice } from '@apia/store';
+
+const paramsSlice = createSlice({
+  initialState: {},
+  name: "panelParameters",
+  reducers: {
+    udpate(state, {
+      payload
+    }) {
+      if (!state[payload.panelId])
+        state[payload.panelId] = {};
+      state[payload.panelId] = {
+        ...state[payload.panelId],
+        ...payload.parameters
+      };
+    }
+  }
+});
+const { store, useSelector } = injectReducers({
+  panelParameters: paramsSlice.reducer
+});
+const parametersStore = store;
+const useParametersSelector = useSelector;
+const parametersActions = paramsSlice.actions;
+
+export { parametersActions, parametersStore, useParametersSelector };
+//# sourceMappingURL=parametersStore.js.map

package/dist/config/parametersStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parametersStore.js","sources":["../../src/config/parametersStore.ts"],"sourcesContent":["import { createSlice, injectReducers, PayloadAction } from '@apia/store';\r\nimport { TPanelId } from '../types';\r\n\r\nexport type TPanelParameter = string | number | boolean;\r\nexport type TParamsStore = Record<string, TPanelParameter>;\r\nexport type TParamsSlice = Record<string, TParamsStore>;\r\n\r\nconst paramsSlice = createSlice({\r\n  initialState: {} as TParamsSlice,\r\n  name: 'panelParameters',\r\n  reducers: {\r\n    udpate(\r\n      state,\r\n      {\r\n        payload,\r\n      }: PayloadAction<{\r\n        panelId: TPanelId;\r\n        parameters: TParamsStore;\r\n      }>,\r\n    ) {\r\n      if (!state[payload.panelId]) state[payload.panelId] = {};\r\n\r\n      state[payload.panelId] = {\r\n        ...state[payload.panelId],\r\n        ...payload.parameters,\r\n      };\r\n    },\r\n  },\r\n});\r\n\r\ntype TTypedUseSelectorHook<TState> = <TSelected>(\r\n  selector: (state: TState) => TSelected,\r\n  equalityFn?: (a: TSelected, b: TSelected) => boolean,\r\n) => TSelected;\r\ntype TPortableAction = {\r\n  type: string;\r\n  payload?: unknown;\r\n};\r\ntype TPortableStore = {\r\n  dispatch: (action: TPortableAction) => unknown;\r\n  getState: () => unknown;\r\n  subscribe: (listener: () => void) => () => void;\r\n};\r\ntype TPortableActionCreator = (...args: any[]) => TPortableAction;\r\ntype TParametersActions = Record<string, TPortableActionCreator>;\r\n\r\nconst { store, useSelector } = injectReducers({\r\n  panelParameters: paramsSlice.reducer,\r\n});\r\n\r\nexport const parametersStore: TPortableStore = store;\r\nexport const useParametersSelector: TTypedUseSelectorHook<{\r\n  panelParameters: TParamsSlice;\r\n}> = useSelector;\r\nexport const parametersActions: TParametersActions = paramsSlice.actions;\r\n"],"names":[],"mappings":";;AAOA,MAAM,cAAc,WAAA,CAAY;AAAA,EAC9B,cAAc,EAAC;AAAA,EACf,IAAA,EAAM,iBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,OACE,KAAA,EACA;AAAA,MACE;AAAA,KACF,EAIA;AACA,MAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA;AAAG,QAAA,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,GAAI,EAAC;AAEvD,MAAA,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,GAAI;AAAA,QACvB,GAAG,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA;AAAA,QACxB,GAAG,OAAA,CAAQ;AAAA,OACb;AAAA;AACF;AAEJ,CAAC,CAAA;AAkBD,MAAM,EAAE,KAAA,EAAO,WAAA,EAAY,GAAI,cAAA,CAAe;AAAA,EAC5C,iBAAiB,WAAA,CAAY;AAC/B,CAAC,CAAA;AAEM,MAAM,eAAA,GAAkC;AACxC,MAAM,qBAAA,GAER;AACE,MAAM,oBAAwC,WAAA,CAAY;;;;"}

package/dist/config/saveParameters.d.ts

@@ -0,0 +1,11 @@
+import { TPanelId } from '../types.js';
+import { TParamsStore } from './parametersStore.js';
+
+/**
+ * Actualiza los parámetros de un panel a nivel de cliente. Este método se
+ * expone con el único fin de ser llamado por la acción saveParams del api.
+ */
+declare function saveParameters(panelId: TPanelId, parameters: TParamsStore, refresh?: boolean): void;
+
+export { saveParameters };
+//# sourceMappingURL=saveParameters.d.ts.map

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

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

package/dist/config/saveParameters.js

@@ -0,0 +1,16 @@
+import { firePanelAction } from '../actions/firePanelAction.js';
+import { panelActionsEmitter } from '../actions/usePanelActions.js';
+import { parametersStore, parametersActions } from './parametersStore.js';
+
+function saveParameters(panelId, parameters, refresh = true) {
+  parametersStore.dispatch(parametersActions.udpate({ panelId, parameters }));
+  if (refresh) {
+    panelActionsEmitter.emit(panelId, "configurationApply", {
+      data: parameters
+    });
+    firePanelAction(panelId, "refresh");
+  }
+}
+
+export { saveParameters };
+//# sourceMappingURL=saveParameters.js.map

package/dist/config/saveParameters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"saveParameters.js","sources":["../../src/config/saveParameters.ts"],"sourcesContent":["import { firePanelAction } from '../actions/firePanelAction';\r\nimport { TActionResult, panelActionsEmitter } from '../actions/usePanelActions';\r\nimport { TPanelId } from '../types';\r\nimport {\r\n  TParamsStore,\r\n  parametersActions,\r\n  parametersStore,\r\n} from './parametersStore';\r\n\r\n/**\r\n * Actualiza los parámetros de un panel a nivel de cliente. Este método se\r\n * expone con el único fin de ser llamado por la acción saveParams del api.\r\n */\r\nexport function saveParameters(\r\n  panelId: TPanelId,\r\n  parameters: TParamsStore,\r\n  refresh = true,\r\n) {\r\n  parametersStore.dispatch(parametersActions.udpate({ panelId, parameters }));\r\n  if (refresh) {\r\n    panelActionsEmitter.emit(panelId, 'configurationApply', {\r\n      data: parameters,\r\n    } as TActionResult);\r\n    firePanelAction(panelId, 'refresh');\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;AAaO,SAAS,cAAA,CACd,OAAA,EACA,UAAA,EACA,OAAA,GAAU,IAAA,EACV;AACA,EAAA,eAAA,CAAgB,SAAS,iBAAA,CAAkB,MAAA,CAAO,EAAE,OAAA,EAAS,UAAA,EAAY,CAAC,CAAA;AAC1E,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,mBAAA,CAAoB,IAAA,CAAK,SAAS,oBAAA,EAAsB;AAAA,MACtD,IAAA,EAAM;AAAA,KACU,CAAA;AAClB,IAAA,eAAA,CAAgB,SAAS,SAAS,CAAA;AAAA;AAEtC;;;;"}

package/dist/config/usePanelConfig.js

@@ -0,0 +1,49 @@
+import { ApiaApi, makeApiaUrl } from '@apia/api';
+import { EventEmitter } from '@apia/util';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+
+class ConfigEmitter extends EventEmitter {
+}
+new ConfigEmitter();
+function usePanelConfig() {
+  const { panelId } = usePanelIdentity();
+  return function config() {
+    void ApiaApi.post(
+      makeApiaUrl({
+        action: "panelEdit",
+        pnlId: panelId
+      }),
+      {
+        handleLoad: true,
+        modalConfiguration: {
+          async onFieldChange(element, handler) {
+            if (element.onChange === "refresh") {
+              await ApiaApi.post(
+                makeApiaUrl({
+                  action: "panelEditConfirm",
+                  pnlId: panelId
+                }),
+                {
+                  postData: { [`${element.name}`]: element.value },
+                  postDataTreatement: "stringify"
+                }
+              );
+              const newForm = await ApiaApi.post(
+                makeApiaUrl({
+                  action: "panelEdit",
+                  pnlId: panelId
+                })
+              );
+              if (newForm?.data) {
+                handler.assignForm(newForm.data);
+              }
+            }
+          }
+        }
+      }
+    );
+  };
+}
+
+export { usePanelConfig };
+//# sourceMappingURL=usePanelConfig.js.map

package/dist/config/usePanelConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelConfig.js","sources":["../../src/config/usePanelConfig.tsx"],"sourcesContent":["import { ApiaApi, makeApiaUrl } from '@apia/api';\r\nimport { EventEmitter, TApiaLoad } from '@apia/util';\r\nimport { usePanelIdentity } from '../common';\r\nimport { TPanelId } from '../types';\r\n\r\nclass ConfigEmitter extends EventEmitter<{\r\n  refresh: { panelId: TPanelId };\r\n}> {}\r\n\r\nexport const configEmitter = new ConfigEmitter();\r\n\r\n/**\r\n * Esta función devuelve una función que al ser llamada abre el modal de\r\n * configuración del panel actual. Este modal permite al usuario modificar\r\n * parámetros y una vez confirmado, el resultado de la operación deberá ser\r\n * tomado por una función aún inexistente.\r\n *\r\n * Esta función se deberá encargar de almacenar los parámetros recibidos desde\r\n * el server para el panel actual, así como hacerle llegar al panel\r\n * correspondiente los datos emitidos por su contraparte en el servidor, a fin\r\n * de que actualice su vista.\r\n *\r\n * Admite un callback que será llamado cada vez que se confirme el modal de\r\n * configuración. Este callback se expone a fin de permitir la ejecución de\r\n * acciones previas al refresh que es lanzado en forma automática cuando\r\n */\r\nexport function usePanelConfig() {\r\n  const { panelId } = usePanelIdentity();\r\n\r\n  return function config() {\r\n    void ApiaApi.post(\r\n      makeApiaUrl({\r\n        action: 'panelEdit',\r\n        pnlId: panelId,\r\n      }),\r\n      {\r\n        handleLoad: true,\r\n        modalConfiguration: {\r\n          async onFieldChange(element, handler) {\r\n            if (element.onChange === 'refresh') {\r\n              await ApiaApi.post<TApiaLoad>(\r\n                makeApiaUrl({\r\n                  action: 'panelEditConfirm',\r\n                  pnlId: panelId,\r\n                }),\r\n                {\r\n                  postData: { [`${element.name}`]: element.value },\r\n                  postDataTreatement: 'stringify',\r\n                },\r\n              );\r\n\r\n              const newForm = await ApiaApi.post<TApiaLoad>(\r\n                makeApiaUrl({\r\n                  action: 'panelEdit',\r\n                  pnlId: panelId,\r\n                }),\r\n              );\r\n\r\n              if (newForm?.data) {\r\n                handler.assignForm(newForm.data);\r\n              }\r\n            }\r\n          },\r\n        },\r\n      },\r\n    );\r\n  };\r\n}\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,sBAAsB,YAAA,CAEzB;AAAC;AAEyB,IAAI,aAAA;AAiB1B,SAAS,cAAA,GAAiB;AAC/B,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AAErC,EAAA,OAAO,SAAS,MAAA,GAAS;AACvB,IAAA,KAAK,OAAA,CAAQ,IAAA;AAAA,MACX,WAAA,CAAY;AAAA,QACV,MAAA,EAAQ,WAAA;AAAA,QACR,KAAA,EAAO;AAAA,OACR,CAAA;AAAA,MACD;AAAA,QACE,UAAA,EAAY,IAAA;AAAA,QACZ,kBAAA,EAAoB;AAAA,UAClB,MAAM,aAAA,CAAc,OAAA,EAAS,OAAA,EAAS;AACpC,YAAA,IAAI,OAAA,CAAQ,aAAa,SAAA,EAAW;AAClC,cAAA,MAAM,OAAA,CAAQ,IAAA;AAAA,gBACZ,WAAA,CAAY;AAAA,kBACV,MAAA,EAAQ,kBAAA;AAAA,kBACR,KAAA,EAAO;AAAA,iBACR,CAAA;AAAA,gBACD;AAAA,kBACE,QAAA,EAAU,EAAE,CAAC,CAAA,EAAG,QAAQ,IAAI,CAAA,CAAE,GAAG,OAAA,CAAQ,KAAA,EAAM;AAAA,kBAC/C,kBAAA,EAAoB;AAAA;AACtB,eACF;AAEA,cAAA,MAAM,OAAA,GAAU,MAAM,OAAA,CAAQ,IAAA;AAAA,gBAC5B,WAAA,CAAY;AAAA,kBACV,MAAA,EAAQ,WAAA;AAAA,kBACR,KAAA,EAAO;AAAA,iBACR;AAAA,eACH;AAEA,cAAA,IAAI,SAAS,IAAA,EAAM;AACjB,gBAAA,OAAA,CAAQ,UAAA,CAAW,QAAQ,IAAI,CAAA;AAAA;AACjC;AACF;AACF;AACF;AACF,KACF;AAAA,GACF;AACF;;;;"}