@apia/dashboard-controller 5.0.0 → 5.0.1

package/dist/panelsStore/panelsStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelsStore.js","sources":["../../src/panelsStore/panelsStore.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\r\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\r\n/* eslint-disable no-restricted-imports */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\r\nimport {\r\n  createSlice,\r\n  injectReducers,\r\n  PayloadAction,\r\n  Draft,\r\n  SliceCaseReducers,\r\n  CaseReducer,\r\n} from '@apia/store';\r\nimport { TPanelId, TPanelType } from '../types';\r\n\r\ntype ValidateSliceCaseReducers<S, ACR extends SliceCaseReducers<S>> = ACR & {\r\n  [T in keyof ACR]: ACR[T] extends {\r\n    reducer(s: S, action?: infer A): any;\r\n  }\r\n    ? {\r\n        prepare(...a: never[]): Omit<A, 'type'>;\r\n      }\r\n    : {};\r\n};\r\n\r\nexport type TPanelsSliceState = Record<string, Record<string, unknown>>;\r\n\r\nexport type TReducers<\r\n  State = any,\r\n  CR extends SliceCaseReducers<State> = SliceCaseReducers<State>,\r\n> = ValidateSliceCaseReducers<State, CR>;\r\n\r\ntype TPanelsReducers<\r\n  State = any,\r\n  CR extends SliceCaseReducers<State> = SliceCaseReducers<State>,\r\n> = Record<string, TReducers<State, CR>>;\r\n\r\n/**\r\n * Los updaters son funciones que permiten modificar la forma en la que un\r\n * panel modifica su estado, se puede pensar como un análogo del reducer\r\n *\r\n * {\r\n *   panelTypeA: {\r\n *     updaterA: (state, data) => { ...update panel store },\r\n *     updaterB: (state, data) => { ...update panel store },\r\n *   }\r\n * }\r\n */\r\nexport const reducers: TPanelsReducers<Record<string, unknown>> = {};\r\n\r\nexport function initPanelTypeUpdater(panelType: TPanelType) {\r\n  if (!reducers[panelType]) {\r\n    reducers[panelType] = {\r\n      defaultReducer: (\r\n        panelsState,\r\n        payload: PayloadAction<{ name: string }>,\r\n      ) => {\r\n        Object.assign(panelsState, payload);\r\n      },\r\n    };\r\n  }\r\n}\r\n\r\n/**\r\n * Permite registrar nuevas formas de actualizar el estado de un tipo de panel\r\n */\r\nexport function registerReducers<\r\n  State = any,\r\n  CR extends SliceCaseReducers<State> = SliceCaseReducers<State>,\r\n>(panelType: TPanelType, newReducers: TReducers<State, CR>) {\r\n  initPanelTypeUpdater(panelType);\r\n  Object.assign(reducers[panelType], newReducers);\r\n}\r\n\r\nexport function initPanelState(\r\n  state: Draft<TPanelsSliceState>,\r\n  panelType: TPanelType,\r\n  panelId: TPanelId,\r\n  initialState: any,\r\n) {\r\n  if (!state[panelType]) {\r\n    state[panelType] = {};\r\n  }\r\n  if (!state[panelType][panelId]) state[panelType][panelId] = {};\r\n  state[panelType][panelId] = initialState;\r\n}\r\n\r\nexport const panelsSlice = createSlice({\r\n  name: 'panelsSlice',\r\n  initialState: {} as TPanelsSliceState,\r\n  reducers: {\r\n    initState(\r\n      state,\r\n      {\r\n        payload: { panelId, panelType, initialState },\r\n      }: PayloadAction<{\r\n        panelType: TPanelType;\r\n        panelId: TPanelId;\r\n        reducer?: string; // reducer will be used to customize the way the slice is updated\r\n        initialState: any;\r\n      }>,\r\n    ) {\r\n      if (!state[panelType]?.[panelId]) {\r\n        initPanelState(state, panelType, panelId, initialState);\r\n        state[panelType][panelId] = initialState;\r\n      }\r\n    },\r\n    updatePanelStore(\r\n      state,\r\n      {\r\n        payload: { data, panelId, panelType, reducer, initialState },\r\n      }: PayloadAction<{\r\n        panelType: TPanelType;\r\n        panelId: TPanelId;\r\n        reducer?: string; // Updater will be used to customize the way the slice is updated\r\n        data: any;\r\n        initialState?: any;\r\n      }>,\r\n    ) {\r\n      if (!state[panelType]?.[panelId]) {\r\n        initPanelState(state, panelType, panelId, initialState ?? {});\r\n      }\r\n      const panelsStore = state[panelType][panelId];\r\n      initPanelTypeUpdater(panelType);\r\n\r\n      if (!reducers[panelType][reducer ?? 'default']) {\r\n        return;\r\n      }\r\n\r\n      const currentReducer = reducers[panelType][\r\n        reducer ?? 'default'\r\n      ] as CaseReducer;\r\n      currentReducer(panelsStore, data);\r\n    },\r\n  },\r\n});\r\n\r\nexport const { useSelector: usePanelStoreSelector, store: panelsStore } =\r\n  injectReducers({\r\n    panelsSlice: panelsSlice.reducer,\r\n  });\r\n\r\nexport const panelsActions = panelsSlice.actions;\r\n"],"names":["panelsStore"],"mappings":";;AAgDO,MAAM,WAAqD;AAE3D,SAAS,qBAAqB,SAAA,EAAuB;AAC1D,EAAA,IAAI,CAAC,QAAA,CAAS,SAAS,CAAA,EAAG;AACxB,IAAA,QAAA,CAAS,SAAS,CAAA,GAAI;AAAA,MACpB,cAAA,EAAgB,CACd,WAAA,EACA,OAAA,KACG;AACH,QAAA,MAAA,CAAO,MAAA,CAAO,aAAa,OAAO,CAAA;AAAA;AACpC,KACF;AAAA;AAEJ;AAKO,SAAS,gBAAA,CAGd,WAAuB,WAAA,EAAmC;AAC1D,EAAA,oBAAA,CAAqB,SAAS,CAAA;AAC9B,EAAA,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,SAAS,CAAA,EAAG,WAAW,CAAA;AAChD;AAEO,SAAS,cAAA,CACd,KAAA,EACA,SAAA,EACA,OAAA,EACA,YAAA,EACA;AACA,EAAA,IAAI,CAAC,KAAA,CAAM,SAAS,CAAA,EAAG;AACrB,IAAA,KAAA,CAAM,SAAS,IAAI,EAAC;AAAA;AAEtB,EAAA,IAAI,CAAC,KAAA,CAAM,SAAS,CAAA,CAAE,OAAO,CAAA;AAAG,IAAA,KAAA,CAAM,SAAS,CAAA,CAAE,OAAO,CAAA,GAAI,EAAC;AAC7D,EAAA,KAAA,CAAM,SAAS,CAAA,CAAE,OAAO,CAAA,GAAI,YAAA;AAC9B;AAEO,MAAM,cAAc,WAAA,CAAY;AAAA,EACrC,IAAA,EAAM,aAAA;AAAA,EACN,cAAc,EAAC;AAAA,EACf,QAAA,EAAU;AAAA,IACR,UACE,KAAA,EACA;AAAA,MACE,OAAA,EAAS,EAAE,OAAA,EAAS,SAAA,EAAW,YAAA;AAAa,KAC9C,EAMA;AACA,MAAA,IAAI,CAAC,KAAA,CAAM,SAAS,CAAA,GAAI,OAAO,CAAA,EAAG;AAChC,QAAA,cAAA,CAAe,KAAA,EAAO,SAAA,EAAW,OAAA,EAAS,YAAY,CAAA;AACtD,QAAA,KAAA,CAAM,SAAS,CAAA,CAAE,OAAO,CAAA,GAAI,YAAA;AAAA;AAC9B,KACF;AAAA,IACA,iBACE,KAAA,EACA;AAAA,MACE,SAAS,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,SAAS,YAAA;AAAa,KAC7D,EAOA;AACA,MAAA,IAAI,CAAC,KAAA,CAAM,SAAS,CAAA,GAAI,OAAO,CAAA,EAAG;AAChC,QAAA,cAAA,CAAe,KAAA,EAAO,SAAA,EAAW,OAAA,EAAS,YAAA,IAAgB,EAAE,CAAA;AAAA;AAE9D,MAAA,MAAMA,YAAAA,GAAc,KAAA,CAAM,SAAS,CAAA,CAAE,OAAO,CAAA;AAC5C,MAAA,oBAAA,CAAqB,SAAS,CAAA;AAE9B,MAAA,IAAI,CAAC,QAAA,CAAS,SAAS,CAAA,CAAE,OAAA,IAAW,SAAS,CAAA,EAAG;AAC9C,QAAA;AAAA;AAGF,MAAA,MAAM,cAAA,GAAiB,QAAA,CAAS,SAAS,CAAA,CACvC,WAAW,SACb,CAAA;AACA,MAAA,cAAA,CAAeA,cAAa,IAAI,CAAA;AAAA;AAClC;AAEJ,CAAC;AAEM,MAAM,EAAE,WAAA,EAAa,qBAAA,EAAuB,KAAA,EAAO,WAAA,KACxD,cAAA,CAAe;AAAA,EACb,aAAa,WAAA,CAAY;AAC3B,CAAC;AAEI,MAAM,gBAAgB,WAAA,CAAY;;;;"}

package/dist/panelsStore/usePanelSelector.js

@@ -0,0 +1,32 @@
+import { shallowEqual } from '@apia/store';
+import { useState, useRef } from 'react';
+import { panelsStore, usePanelStoreSelector } from './panelsStore.js';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+
+const undefinedObject = {};
+function usePanelSelector(panelType, panelName, initialState, selector, comparator = shallowEqual) {
+  const { panelId } = usePanelIdentity();
+  if (!panelId)
+    throw new Error(`Cannot find panel with name ${panelName}`);
+  const storeState = panelsStore.getState().panelsSlice[panelType];
+  const [selection, setSelection] = useState(
+    initialState ? selector(storeState?.[panelId] ?? initialState) : {}
+  );
+  const previousSelected = useRef(
+    selection ?? undefinedObject
+  );
+  usePanelStoreSelector((global) => {
+    const newState = global.panelsSlice[panelType]?.[panelId];
+    if (newState !== void 0) {
+      const newSelected = selector(newState);
+      if (previousSelected.current === undefinedObject || !comparator(previousSelected.current, newSelected)) {
+        previousSelected.current = newSelected;
+        setSelection(newSelected);
+      }
+    }
+  });
+  return selection;
+}
+
+export { undefinedObject, usePanelSelector };
+//# sourceMappingURL=usePanelSelector.js.map

package/dist/panelsStore/usePanelSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelSelector.js","sources":["../../src/panelsStore/usePanelSelector.ts"],"sourcesContent":["import { shallowEqual } from '@apia/store';\r\nimport { useRef, useState } from 'react';\r\nimport { TPanelName, TPanelType } from '../types';\r\nimport { panelsStore, usePanelStoreSelector } from './panelsStore';\r\nimport { usePanelIdentity } from '../common';\r\n\r\nexport const undefinedObject = {};\r\n\r\n/**\r\n * Permite escuchar el store de un panel al igual que se haría con un\r\n * useSelector de redux.\r\n *\r\n * @param selector Una función selectora que recibe el estado del panel y devuelve la selección deseada\r\n * @param comparator Opcionalmente se puede pasar un comparador para determinar si el estado debe actualizarse o no, dependiendo de la selección actual y la selección previa. Por defecto se usa shallowEqual de redux.\r\n * @returns La selección determinada en el selector, siempre que haya cambiado de acuerdo al comparador.\r\n *\r\n * @example\r\n *\r\n  import { TRecordsPanelStore } from '..../recordsPanel';\r\n\r\n  // Assume TRecordsPanelStore = { peopleNames: string[] }\r\n\r\n  const firstName = usePanelSelector<TRecordsPanelStore>(\r\n    'RecordsPanel',\r\n    'RecordThisYear',\r\n    (state) => { return state.peopleNames[0] }\r\n  );\r\n */\r\nexport function usePanelSelector<StoreType, Selected>(\r\n  panelType: TPanelType,\r\n  panelName: TPanelName,\r\n  initialState: StoreType,\r\n  selector: (state: StoreType) => Selected,\r\n  comparator: (a: Selected, b: Selected) => boolean = shallowEqual,\r\n): Selected {\r\n  const { panelId } = usePanelIdentity();\r\n  if (!panelId) throw new Error(`Cannot find panel with name ${panelName}`);\r\n\r\n  const storeState = panelsStore.getState().panelsSlice[panelType];\r\n  const [selection, setSelection] = useState<Selected>(\r\n    initialState\r\n      ? selector((storeState?.[panelId] as StoreType) ?? initialState)\r\n      : ({} as Selected),\r\n  );\r\n\r\n  const previousSelected = useRef<Selected>(\r\n    selection ?? (undefinedObject as Selected),\r\n  );\r\n\r\n  usePanelStoreSelector((global) => {\r\n    const newState = global.panelsSlice[panelType]?.[panelId] as\r\n      | StoreType\r\n      | undefined;\r\n    if (newState !== undefined) {\r\n      const newSelected = selector(newState);\r\n      if (\r\n        previousSelected.current === undefinedObject ||\r\n        !comparator(previousSelected.current as Selected, newSelected)\r\n      ) {\r\n        previousSelected.current = newSelected;\r\n        setSelection(newSelected);\r\n      }\r\n    }\r\n  });\r\n\r\n  return selection;\r\n}\r\n"],"names":[],"mappings":";;;;;AAMO,MAAM,kBAAkB;AAsBxB,SAAS,iBACd,SAAA,EACA,SAAA,EACA,YAAA,EACA,QAAA,EACA,aAAoD,YAAA,EAC1C;AACV,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,EAAA,IAAI,CAAC,OAAA;AAAS,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,4BAAA,EAA+B,SAAS,CAAA,CAAE,CAAA;AAExE,EAAA,MAAM,UAAA,GAAa,WAAA,CAAY,QAAA,EAAS,CAAE,YAAY,SAAS,CAAA;AAC/D,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA;AAAA,IAChC,eACI,QAAA,CAAU,UAAA,GAAa,OAAO,CAAA,IAAmB,YAAY,IAC5D;AAAC,GACR;AAEA,EAAA,MAAM,gBAAA,GAAmB,MAAA;AAAA,IACvB,SAAA,IAAc;AAAA,GAChB;AAEA,EAAA,qBAAA,CAAsB,CAAC,MAAA,KAAW;AAChC,IAAA,MAAM,QAAA,GAAW,MAAA,CAAO,WAAA,CAAY,SAAS,IAAI,OAAO,CAAA;AAGxD,IAAA,IAAI,aAAa,MAAA,EAAW;AAC1B,MAAA,MAAM,WAAA,GAAc,SAAS,QAAQ,CAAA;AACrC,MAAA,IACE,gBAAA,CAAiB,YAAY,eAAA,IAC7B,CAAC,WAAW,gBAAA,CAAiB,OAAA,EAAqB,WAAW,CAAA,EAC7D;AACA,QAAA,gBAAA,CAAiB,OAAA,GAAU,WAAA;AAC3B,QAAA,YAAA,CAAa,WAAW,CAAA;AAAA;AAC1B;AACF,GACD,CAAA;AAED,EAAA,OAAO,SAAA;AACT;;;;"}

package/dist/panelsUtil/usePanelChangeTitle.d.ts

@@ -0,0 +1,7 @@
+import { TPanelIdentifier } from '../eventsController/types.js';
+
+declare function changePanelTitle(identifier: TPanelIdentifier, newTitle: string): void;
+declare function usePanelChangeTitle(): (newTitle: string) => void;
+
+export { changePanelTitle, usePanelChangeTitle };
+//# sourceMappingURL=usePanelChangeTitle.d.ts.map

package/dist/panelsUtil/usePanelChangeTitle.d.ts.map

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

package/dist/panelsUtil/usePanelChangeTitle.js

@@ -0,0 +1,19 @@
+import { useCallback } from 'react';
+import { eventsController } from '../eventsController/eventsController.js';
+import { usePanelFireEvent } from '../eventsController/usePanelFireEvent.js';
+
+function changePanelTitle(identifier, newTitle) {
+  eventsController.fireEvent(identifier, "changeTitle", newTitle);
+}
+function usePanelChangeTitle() {
+  const fireEvent = usePanelFireEvent();
+  return useCallback(
+    (newTitle) => {
+      fireEvent("changeTitle", newTitle);
+    },
+    [fireEvent]
+  );
+}
+
+export { changePanelTitle, usePanelChangeTitle };
+//# sourceMappingURL=usePanelChangeTitle.js.map

package/dist/panelsUtil/usePanelChangeTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelChangeTitle.js","sources":["../../src/panelsUtil/usePanelChangeTitle.ts"],"sourcesContent":["import { useCallback } from 'react';\r\nimport {\r\n  TPanelIdentifier,\r\n  eventsController,\r\n  usePanelFireEvent,\r\n} from '../eventsController';\r\n\r\nexport function changePanelTitle(\r\n  identifier: TPanelIdentifier,\r\n  newTitle: string,\r\n) {\r\n  eventsController.fireEvent(identifier, 'changeTitle', newTitle);\r\n}\r\n\r\nexport function usePanelChangeTitle() {\r\n  const fireEvent = usePanelFireEvent();\r\n\r\n  return useCallback(\r\n    (newTitle: string) => {\r\n      fireEvent('changeTitle', newTitle);\r\n    },\r\n    [fireEvent],\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;;AAOO,SAAS,gBAAA,CACd,YACA,QAAA,EACA;AACA,EAAA,gBAAA,CAAiB,SAAA,CAAU,UAAA,EAAY,aAAA,EAAe,QAAQ,CAAA;AAChE;AAEO,SAAS,mBAAA,GAAsB;AACpC,EAAA,MAAM,YAAY,iBAAA,EAAkB;AAEpC,EAAA,OAAO,WAAA;AAAA,IACL,CAAC,QAAA,KAAqB;AACpB,MAAA,SAAA,CAAU,eAAe,QAAQ,CAAA;AAAA,KACnC;AAAA,IACA,CAAC,SAAS;AAAA,GACZ;AACF;;;;"}

package/dist/panelsUtil/usePanelTitleAction.d.ts

@@ -0,0 +1,5 @@
+declare function usePanelImage(): string;
+declare function usePanelTitleDescription(): string;
+
+export { usePanelImage, usePanelTitleDescription };
+//# sourceMappingURL=usePanelTitleAction.d.ts.map

package/dist/panelsUtil/usePanelTitleAction.d.ts.map

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

package/dist/panelsUtil/usePanelTitleAction.js

@@ -0,0 +1,48 @@
+import { usePanelParametersSelector } from '../config/usePanelParametersSelector.js';
+import { parametersStore, parametersActions } from '../config/parametersStore.js';
+
+const panelActionParameterName = "__panelTitleAction";
+const panelImageParameterName = "__panelImageAction";
+const panelDescriptionParameterName = "__panelTitleDescription";
+function setPanelTitleAction(panelId, newAction) {
+  parametersStore.dispatch(
+    parametersActions.udpate({
+      panelId,
+      parameters: { [panelActionParameterName]: newAction }
+    })
+  );
+}
+function setPanelTitleDescritpion(panelId, newDescription) {
+  parametersStore.dispatch(
+    parametersActions.udpate({
+      panelId,
+      parameters: { [panelDescriptionParameterName]: newDescription }
+    })
+  );
+}
+function setPanelImageAction(panelId, newImage) {
+  parametersStore.dispatch(
+    parametersActions.udpate({
+      panelId,
+      parameters: { [panelImageParameterName]: newImage }
+    })
+  );
+}
+function usePanelTitleAction() {
+  return usePanelParametersSelector(
+    (current) => current[panelActionParameterName]
+  );
+}
+function usePanelImage() {
+  return usePanelParametersSelector(
+    (current) => current[panelImageParameterName]
+  );
+}
+function usePanelTitleDescription() {
+  return usePanelParametersSelector(
+    (current) => current[panelDescriptionParameterName]
+  );
+}
+
+export { setPanelImageAction, setPanelTitleAction, setPanelTitleDescritpion, usePanelImage, usePanelTitleAction, usePanelTitleDescription };
+//# sourceMappingURL=usePanelTitleAction.js.map

package/dist/panelsUtil/usePanelTitleAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelTitleAction.js","sources":["../../src/panelsUtil/usePanelTitleAction.ts"],"sourcesContent":["import { parametersStore, usePanelParametersSelector } from '../config';\r\nimport { parametersActions } from '../config/parametersStore';\r\n\r\nconst panelActionParameterName = '__panelTitleAction';\r\nconst panelImageParameterName = '__panelImageAction';\r\nconst panelDescriptionParameterName = '__panelTitleDescription';\r\n\r\nexport function setPanelTitleAction(panelId: string, newAction: string) {\r\n  parametersStore.dispatch(\r\n    parametersActions.udpate({\r\n      panelId,\r\n      parameters: { [panelActionParameterName]: newAction },\r\n    }),\r\n  );\r\n}\r\nexport function setPanelTitleDescritpion(\r\n  panelId: string,\r\n  newDescription: string,\r\n) {\r\n  parametersStore.dispatch(\r\n    parametersActions.udpate({\r\n      panelId,\r\n      parameters: { [panelDescriptionParameterName]: newDescription },\r\n    }),\r\n  );\r\n}\r\nexport function setPanelImageAction(panelId: string, newImage: string) {\r\n  parametersStore.dispatch(\r\n    parametersActions.udpate({\r\n      panelId,\r\n      parameters: { [panelImageParameterName]: newImage },\r\n    }),\r\n  );\r\n}\r\n\r\nexport function usePanelTitleAction() {\r\n  return usePanelParametersSelector(\r\n    (current) => current[panelActionParameterName] as string,\r\n  );\r\n}\r\n\r\nexport function usePanelImage() {\r\n  return usePanelParametersSelector(\r\n    (current) => current[panelImageParameterName] as string,\r\n  );\r\n}\r\n\r\nexport function usePanelTitleDescription() {\r\n  return usePanelParametersSelector(\r\n    (current) => current[panelDescriptionParameterName] as string,\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;AAGA,MAAM,wBAAA,GAA2B,oBAAA;AACjC,MAAM,uBAAA,GAA0B,oBAAA;AAChC,MAAM,6BAAA,GAAgC,yBAAA;AAE/B,SAAS,mBAAA,CAAoB,SAAiB,SAAA,EAAmB;AACtE,EAAA,eAAA,CAAgB,QAAA;AAAA,IACd,kBAAkB,MAAA,CAAO;AAAA,MACvB,OAAA;AAAA,MACA,UAAA,EAAY,EAAE,CAAC,wBAAwB,GAAG,SAAA;AAAU,KACrD;AAAA,GACH;AACF;AACO,SAAS,wBAAA,CACd,SACA,cAAA,EACA;AACA,EAAA,eAAA,CAAgB,QAAA;AAAA,IACd,kBAAkB,MAAA,CAAO;AAAA,MACvB,OAAA;AAAA,MACA,UAAA,EAAY,EAAE,CAAC,6BAA6B,GAAG,cAAA;AAAe,KAC/D;AAAA,GACH;AACF;AACO,SAAS,mBAAA,CAAoB,SAAiB,QAAA,EAAkB;AACrE,EAAA,eAAA,CAAgB,QAAA;AAAA,IACd,kBAAkB,MAAA,CAAO;AAAA,MACvB,OAAA;AAAA,MACA,UAAA,EAAY,EAAE,CAAC,uBAAuB,GAAG,QAAA;AAAS,KACnD;AAAA,GACH;AACF;AAEO,SAAS,mBAAA,GAAsB;AACpC,EAAA,OAAO,0BAAA;AAAA,IACL,CAAC,OAAA,KAAY,OAAA,CAAQ,wBAAwB;AAAA,GAC/C;AACF;AAEO,SAAS,aAAA,GAAgB;AAC9B,EAAA,OAAO,0BAAA;AAAA,IACL,CAAC,OAAA,KAAY,OAAA,CAAQ,uBAAuB;AAAA,GAC9C;AACF;AAEO,SAAS,wBAAA,GAA2B;AACzC,EAAA,OAAO,0BAAA;AAAA,IACL,CAAC,OAAA,KAAY,OAAA,CAAQ,6BAA6B;AAAA,GACpD;AACF;;;;"}

package/dist/position/usePanelPosition.d.ts

@@ -0,0 +1,13 @@
+import { TId } from '@apia/util';
+
+/**
+ * Permite conocer la posición del panel, se actualiza automáticamente cuando
+ * ésta cambia provocando un renderizado en el padre
+ */
+declare function usePanelPosition(): {
+    containerId: TId;
+    position: number;
+} | undefined;
+
+export { usePanelPosition };
+//# sourceMappingURL=usePanelPosition.d.ts.map

package/dist/position/usePanelPosition.d.ts.map

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

package/dist/position/usePanelPosition.js

@@ -0,0 +1,40 @@
+import { ApiaApi, makeApiaUrl } from '@apia/api';
+import { EventEmitter } from '@apia/util';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+import { useState, useEffect } from 'react';
+
+class PanelPositionEmitter extends EventEmitter {
+}
+const panelPositionEmitter = new PanelPositionEmitter();
+function usePanelPosition() {
+  const { panelId } = usePanelIdentity();
+  const [position, setPosition] = useState();
+  useEffect(() => {
+    return panelPositionEmitter.on("panelUpdate", (ev) => {
+      if (ev.panelId === panelId)
+        setPosition({ containerId: ev.containerId, position: ev.newPosition });
+    });
+  }, [panelId]);
+  return position;
+}
+async function updatePanelPosition(panelId, containerId, newPosition) {
+  const result = await ApiaApi.post(
+    makeApiaUrl({
+      action: "panelMove",
+      pnlId: panelId,
+      containerId,
+      newPosition
+    })
+  );
+  const hasUpdated = result?.data && !result.hasError && !result.hasMessages;
+  if (hasUpdated)
+    panelPositionEmitter.emit("panelUpdate", {
+      panelId,
+      containerId,
+      newPosition
+    });
+  return hasUpdated;
+}
+
+export { panelPositionEmitter, updatePanelPosition, usePanelPosition };
+//# sourceMappingURL=usePanelPosition.js.map

package/dist/position/usePanelPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelPosition.js","sources":["../../src/position/usePanelPosition.ts"],"sourcesContent":["import { ApiaApi, makeApiaUrl } from '@apia/api';\r\nimport { EventEmitter, TId } from '@apia/util';\r\nimport { usePanelIdentity } from '../common';\r\nimport { useEffect, useState } from 'react';\r\n\r\nclass PanelPositionEmitter extends EventEmitter<{\r\n  panelUpdate: {\r\n    panelId: TId;\r\n    containerId: TId;\r\n    newPosition: number;\r\n  };\r\n}> {}\r\n\r\nexport const panelPositionEmitter = new PanelPositionEmitter();\r\n\r\n/**\r\n * Permite conocer la posición del panel, se actualiza automáticamente cuando\r\n * ésta cambia provocando un renderizado en el padre\r\n */\r\nexport function usePanelPosition() {\r\n  const { panelId } = usePanelIdentity();\r\n\r\n  const [position, setPosition] = useState<{\r\n    containerId: TId;\r\n    position: number;\r\n  }>();\r\n\r\n  useEffect(() => {\r\n    return panelPositionEmitter.on('panelUpdate', (ev) => {\r\n      if (ev.panelId === panelId)\r\n        setPosition({ containerId: ev.containerId, position: ev.newPosition });\r\n    });\r\n  }, [panelId]);\r\n\r\n  return position;\r\n}\r\n\r\nexport async function updatePanelPosition(\r\n  panelId: TId,\r\n  containerId: TId,\r\n  newPosition: number,\r\n) {\r\n  const result = await ApiaApi.post(\r\n    makeApiaUrl({\r\n      action: 'panelMove',\r\n      pnlId: panelId,\r\n      containerId,\r\n      newPosition,\r\n    }),\r\n  );\r\n\r\n  const hasUpdated = result?.data && !result.hasError && !result.hasMessages;\r\n\r\n  if (hasUpdated)\r\n    panelPositionEmitter.emit('panelUpdate', {\r\n      panelId,\r\n      containerId,\r\n      newPosition,\r\n    });\r\n\r\n  return hasUpdated;\r\n}\r\n\r\nexport function useUpdatePanelPosition() {\r\n  const { panelId } = usePanelIdentity();\r\n  return async function updatePosition(containerId: TId, newPosition: number) {\r\n    return updatePanelPosition(panelId, containerId, newPosition);\r\n  };\r\n}\r\n"],"names":[],"mappings":";;;;;AAKA,MAAM,6BAA6B,YAAA,CAMhC;AAAC;AAEG,MAAM,oBAAA,GAAuB,IAAI,oBAAA;AAMjC,SAAS,gBAAA,GAAmB;AACjC,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AAErC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAG7B;AAEH,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,oBAAA,CAAqB,EAAA,CAAG,aAAA,EAAe,CAAC,EAAA,KAAO;AACpD,MAAA,IAAI,GAAG,OAAA,KAAY,OAAA;AACjB,QAAA,WAAA,CAAY,EAAE,WAAA,EAAa,EAAA,CAAG,aAAa,QAAA,EAAU,EAAA,CAAG,aAAa,CAAA;AAAA,KACxE,CAAA;AAAA,GACH,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,QAAA;AACT;AAEA,eAAsB,mBAAA,CACpB,OAAA,EACA,WAAA,EACA,WAAA,EACA;AACA,EAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,IAAA;AAAA,IAC3B,WAAA,CAAY;AAAA,MACV,MAAA,EAAQ,WAAA;AAAA,MACR,KAAA,EAAO,OAAA;AAAA,MACP,WAAA;AAAA,MACA;AAAA,KACD;AAAA,GACH;AAEA,EAAA,MAAM,aAAa,MAAA,EAAQ,IAAA,IAAQ,CAAC,MAAA,CAAO,QAAA,IAAY,CAAC,MAAA,CAAO,WAAA;AAE/D,EAAA,IAAI,UAAA;AACF,IAAA,oBAAA,CAAqB,KAAK,aAAA,EAAe;AAAA,MACvC,OAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACD,CAAA;AAEH,EAAA,OAAO,UAAA;AACT;;;;"}

package/dist/splash/events/Dragleave.js

@@ -0,0 +1,15 @@
+import { isChild } from '@apia/util';
+
+function dragleave(_ev, DragAndDrop2) {
+  const ev = _ev;
+  if (ev.relatedTarget === null || isChild(ev.relatedTarget, (current) => {
+    return current.parentElement === null && current === document.getRootNode() && current.dataset.splash === void 0;
+  })) {
+    const shadows = document.querySelectorAll(".apia_panel_falseDiv");
+    shadows.forEach((el) => el.remove());
+    DragAndDrop2.draggingPanel?.setAttribute("style", "");
+  }
+}
+
+export { dragleave };
+//# sourceMappingURL=Dragleave.js.map

package/dist/splash/events/Dragleave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dragleave.js","sources":["../../../src/splash/events/Dragleave.ts"],"sourcesContent":["import { isChild } from '@apia/util';\r\nimport { DragAndDrop } from '../util/DragAndDrop';\r\n\r\nexport function dragleave(_ev: Event, DragAndDrop: DragAndDrop) {\r\n  const ev = _ev as DragEvent;\r\n\r\n  if (\r\n    ev.relatedTarget === null ||\r\n    isChild(ev.relatedTarget as HTMLElement, (current) => {\r\n      return (\r\n        current.parentElement === null &&\r\n        current === document.getRootNode() &&\r\n        current.dataset.splash === undefined\r\n      );\r\n    })\r\n  ) {\r\n    const shadows = document.querySelectorAll('.apia_panel_falseDiv');\r\n\r\n    shadows.forEach((el) => el.remove());\r\n    DragAndDrop.draggingPanel?.setAttribute('style', '');\r\n  }\r\n}\r\n"],"names":["DragAndDrop"],"mappings":";;AAGO,SAAS,SAAA,CAAU,KAAYA,YAAAA,EAA0B;AAC9D,EAAA,MAAM,EAAA,GAAK,GAAA;AAEX,EAAA,IACE,GAAG,aAAA,KAAkB,IAAA,IACrB,QAAQ,EAAA,CAAG,aAAA,EAA8B,CAAC,OAAA,KAAY;AACpD,IAAA,OACE,OAAA,CAAQ,kBAAkB,IAAA,IAC1B,OAAA,KAAY,SAAS,WAAA,EAAY,IACjC,OAAA,CAAQ,OAAA,CAAQ,MAAA,KAAW,MAAA;AAAA,GAE9B,CAAA,EACD;AACA,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,gBAAA,CAAiB,sBAAsB,CAAA;AAEhE,IAAA,OAAA,CAAQ,OAAA,CAAQ,CAAC,EAAA,KAAO,EAAA,CAAG,QAAQ,CAAA;AACnC,IAAAA,YAAAA,CAAY,aAAA,EAAe,YAAA,CAAa,OAAA,EAAS,EAAE,CAAA;AAAA;AAEvD;;;;"}

package/dist/splash/events/Dragover.js

@@ -0,0 +1,120 @@
+import { isCursorInArea } from '../util/isCursorInArea.js';
+import { getColumnAreas } from '../util/getColumnAreas.js';
+
+function dragover(event, DragAndDrop2) {
+  const ev = event;
+  ev.preventDefault();
+  DragAndDrop2.timeout = -1;
+  if ((ev.clientX !== DragAndDrop2.dragoverPosition.x || ev.clientY !== DragAndDrop2.dragoverPosition.y) && DragAndDrop2.draggingPanelId !== "" && DragAndDrop2.shadowDiv) {
+    DragAndDrop2.clearTimeout();
+    DragAndDrop2.currentBottomPanel = DragAndDrop2.findBottomPanel(
+      ev.clientX,
+      ev.clientY + DragAndDrop2.currentScroll
+    );
+    DragAndDrop2.dragoverPosition.x = ev.clientX;
+    DragAndDrop2.dragoverPosition.y = ev.clientY;
+    const snapshotSection = DragAndDrop2.findBottomSection(
+      ev.clientX,
+      ev.clientY + DragAndDrop2.currentScroll
+    );
+    if (DragAndDrop2.shadowDivData && isCursorInArea({
+      cursorX: ev.clientX,
+      cursorY: ev.clientY + DragAndDrop2.currentScroll,
+      bottom: DragAndDrop2.shadowDivData?.panelBottom,
+      top: DragAndDrop2.shadowDivData?.panelTop,
+      left: DragAndDrop2.shadowDivData?.panelLeft,
+      right: DragAndDrop2.shadowDivData?.panelRight
+    })) {
+      return;
+    }
+    if (DragAndDrop2.currentBottomPanel && snapshotSection) {
+      const bottomPanel = DragAndDrop2.splash.querySelector(
+        `[data-panel][data-id='${DragAndDrop2.currentBottomPanel.id}']`
+      );
+      const draggingPanel = DragAndDrop2.splash.querySelector(
+        `[data-panel][data-id='${DragAndDrop2.draggingPanelId}']`
+      );
+      const bottomSection = DragAndDrop2.splash.querySelector(
+        `[data-locationid='${snapshotSection.sectionId}']`
+      );
+      if (bottomSection) {
+        if (isCursorInArea({
+          cursorX: ev.clientX,
+          cursorY: ev.clientY + DragAndDrop2.currentScroll,
+          ...getColumnAreas({
+            ...DragAndDrop2.currentBottomPanel,
+            panelLeft: bottomSection?.getBoundingClientRect().left ?? 0,
+            panelRight: bottomSection?.getBoundingClientRect().right ?? 0
+          }).top
+        })) {
+          if (draggingPanel) {
+            draggingPanel.setAttribute("style", "display: none; height: 0;");
+          }
+          if (bottomPanel && snapshotSection) {
+            if (bottomSection) {
+              DragAndDrop2.shadowDiv.setAttribute("style", "opacity: 50%;");
+              DragAndDrop2.debounceBefore(
+                bottomPanel,
+                DragAndDrop2.shadowDiv,
+                bottomSection
+              );
+              DragAndDrop2.snapshot();
+              DragAndDrop2.clearTimeout();
+            }
+          }
+        } else if (isCursorInArea({
+          cursorX: ev.clientX,
+          cursorY: ev.clientY + DragAndDrop2.currentScroll,
+          ...getColumnAreas({
+            ...DragAndDrop2.currentBottomPanel,
+            panelLeft: bottomSection?.getBoundingClientRect().left ?? 0,
+            panelRight: bottomSection?.getBoundingClientRect().right ?? 0
+          }).bottom
+        })) {
+          const bottomPanel2 = DragAndDrop2.splash.querySelector(
+            `[data-panel][data-id='${DragAndDrop2.currentBottomPanel.id}']`
+          );
+          const draggingPanel2 = DragAndDrop2.splash.querySelector(
+            `[data-panel][data-id='${DragAndDrop2.draggingPanelId}']`
+          );
+          if (draggingPanel2) {
+            draggingPanel2.setAttribute("style", "display: none;");
+          }
+          if (bottomPanel2 && snapshotSection) {
+            const bottomSection2 = DragAndDrop2.splash.querySelector(
+              `[data-locationid='${snapshotSection.sectionId}']`
+            );
+            if (bottomSection2) {
+              DragAndDrop2.shadowDiv.setAttribute("style", "opacity: 50%;");
+              DragAndDrop2.debounceAfter(DragAndDrop2.shadowDiv, bottomPanel2);
+              DragAndDrop2.snapshot();
+              DragAndDrop2.clearTimeout();
+            }
+          }
+        }
+      }
+    } else if (!DragAndDrop2.currentBottomPanel && snapshotSection) {
+      const bottomSection = DragAndDrop2.splash.querySelector(
+        `[data-locationid='${snapshotSection.sectionId}']`
+      );
+      if (bottomSection) {
+        const draggingPanel = DragAndDrop2.splash.querySelector(
+          `[data-panel][data-id='${DragAndDrop2.draggingPanelId}']`
+        );
+        if (draggingPanel) {
+          draggingPanel.setAttribute("style", "display: none;");
+        }
+        DragAndDrop2.shadowDiv.setAttribute("style", "opacity: 50%;");
+        DragAndDrop2.debounceAppend(
+          bottomSection,
+          DragAndDrop2.shadowDiv
+        );
+        DragAndDrop2.snapshot();
+        DragAndDrop2.clearTimeout();
+      }
+    }
+  }
+}
+
+export { dragover };
+//# sourceMappingURL=Dragover.js.map

package/dist/splash/events/Dragover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dragover.js","sources":["../../../src/splash/events/Dragover.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\r\nimport { isCursorInArea } from '../util/isCursorInArea';\r\nimport { getColumnAreas } from '../util/getColumnAreas';\r\nimport { DragAndDrop } from '../util/DragAndDrop';\r\n\r\nexport function dragover(event: Event, DragAndDrop: DragAndDrop) {\r\n  const ev = event as DragEvent;\r\n  ev.preventDefault();\r\n\r\n  DragAndDrop.timeout = -1;\r\n  if (\r\n    (ev.clientX !== DragAndDrop.dragoverPosition.x ||\r\n      ev.clientY !== DragAndDrop.dragoverPosition.y) &&\r\n    DragAndDrop.draggingPanelId !== '' &&\r\n    DragAndDrop.shadowDiv\r\n  ) {\r\n    DragAndDrop.clearTimeout();\r\n    DragAndDrop.currentBottomPanel = DragAndDrop.findBottomPanel(\r\n      ev.clientX,\r\n      ev.clientY + DragAndDrop.currentScroll,\r\n    );\r\n\r\n    DragAndDrop.dragoverPosition.x = ev.clientX;\r\n    DragAndDrop.dragoverPosition.y = ev.clientY;\r\n\r\n    const snapshotSection = DragAndDrop.findBottomSection(\r\n      ev.clientX,\r\n      ev.clientY + DragAndDrop.currentScroll,\r\n    );\r\n\r\n    if (\r\n      DragAndDrop.shadowDivData &&\r\n      isCursorInArea({\r\n        cursorX: ev.clientX,\r\n        cursorY: ev.clientY + DragAndDrop.currentScroll,\r\n        bottom: DragAndDrop.shadowDivData?.panelBottom,\r\n        top: DragAndDrop.shadowDivData?.panelTop,\r\n        left: DragAndDrop.shadowDivData?.panelLeft,\r\n        right: DragAndDrop.shadowDivData?.panelRight,\r\n      })\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    if (DragAndDrop.currentBottomPanel && snapshotSection) {\r\n      const bottomPanel = DragAndDrop.splash.querySelector(\r\n        `[data-panel][data-id='${DragAndDrop.currentBottomPanel.id}']`,\r\n      );\r\n      const draggingPanel = DragAndDrop.splash.querySelector(\r\n        `[data-panel][data-id='${DragAndDrop.draggingPanelId}']`,\r\n      );\r\n      const bottomSection = DragAndDrop.splash.querySelector(\r\n        `[data-locationid='${snapshotSection.sectionId}']`,\r\n      );\r\n\r\n      if (bottomSection) {\r\n        if (\r\n          isCursorInArea({\r\n            cursorX: ev.clientX,\r\n            cursorY: ev.clientY + DragAndDrop.currentScroll,\r\n            ...getColumnAreas({\r\n              ...DragAndDrop.currentBottomPanel,\r\n              panelLeft: bottomSection?.getBoundingClientRect().left ?? 0,\r\n              panelRight: bottomSection?.getBoundingClientRect().right ?? 0,\r\n            }).top,\r\n          })\r\n        ) {\r\n          if (draggingPanel) {\r\n            draggingPanel.setAttribute('style', 'display: none; height: 0;');\r\n          }\r\n          if (bottomPanel && snapshotSection) {\r\n            if (bottomSection) {\r\n              DragAndDrop.shadowDiv.setAttribute('style', 'opacity: 50%;');\r\n              DragAndDrop.debounceBefore(\r\n                bottomPanel,\r\n                DragAndDrop.shadowDiv,\r\n                bottomSection as HTMLElement,\r\n              );\r\n              DragAndDrop.snapshot();\r\n              DragAndDrop.clearTimeout();\r\n            }\r\n          }\r\n        } else if (\r\n          isCursorInArea({\r\n            cursorX: ev.clientX,\r\n            cursorY: ev.clientY + DragAndDrop.currentScroll,\r\n            ...getColumnAreas({\r\n              ...DragAndDrop.currentBottomPanel,\r\n              panelLeft: bottomSection?.getBoundingClientRect().left ?? 0,\r\n              panelRight: bottomSection?.getBoundingClientRect().right ?? 0,\r\n            }).bottom,\r\n          })\r\n        ) {\r\n          const bottomPanel = DragAndDrop.splash.querySelector(\r\n            `[data-panel][data-id='${DragAndDrop.currentBottomPanel.id}']`,\r\n          );\r\n          const draggingPanel = DragAndDrop.splash.querySelector(\r\n            `[data-panel][data-id='${DragAndDrop.draggingPanelId}']`,\r\n          );\r\n          if (draggingPanel) {\r\n            draggingPanel.setAttribute('style', 'display: none;');\r\n          }\r\n          if (bottomPanel && snapshotSection) {\r\n            const bottomSection = DragAndDrop.splash.querySelector(\r\n              `[data-locationid='${snapshotSection.sectionId}']`,\r\n            );\r\n            if (bottomSection) {\r\n              DragAndDrop.shadowDiv.setAttribute('style', 'opacity: 50%;');\r\n              DragAndDrop.debounceAfter(DragAndDrop.shadowDiv, bottomPanel);\r\n              DragAndDrop.snapshot();\r\n              DragAndDrop.clearTimeout();\r\n            }\r\n          }\r\n        }\r\n      }\r\n    } else if (!DragAndDrop.currentBottomPanel && snapshotSection) {\r\n      const bottomSection = DragAndDrop.splash.querySelector(\r\n        `[data-locationid='${snapshotSection.sectionId}']`,\r\n      );\r\n      if (bottomSection) {\r\n        const draggingPanel = DragAndDrop.splash.querySelector(\r\n          `[data-panel][data-id='${DragAndDrop.draggingPanelId}']`,\r\n        );\r\n        if (draggingPanel) {\r\n          draggingPanel.setAttribute('style', 'display: none;');\r\n        }\r\n        DragAndDrop.shadowDiv.setAttribute('style', 'opacity: 50%;');\r\n        DragAndDrop.debounceAppend(\r\n          bottomSection as HTMLElement,\r\n          DragAndDrop.shadowDiv,\r\n        );\r\n        DragAndDrop.snapshot();\r\n        DragAndDrop.clearTimeout();\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":["DragAndDrop","bottomPanel","draggingPanel","bottomSection"],"mappings":"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"}

package/dist/splash/events/Dragstart.js

@@ -0,0 +1,65 @@
+import { getSpecificParent } from '@apia/util';
+
+function dragstart(ev, el, DragAndDrop2) {
+  if (!(el instanceof HTMLElement))
+    return;
+  DragAndDrop2.drawMinimap();
+  DragAndDrop2.sectionData = [];
+  const targetPanel = getSpecificParent(
+    ev.target,
+    (current) => !!current.dataset?.id && !!current.dataset?.panel
+  );
+  ev?.dataTransfer?.setData("text", targetPanel?.dataset.id);
+  if (targetPanel) {
+    DragAndDrop2.placeholderImage = targetPanel.cloneNode(true);
+    DragAndDrop2.placeholderImage.style.position = "fixed";
+    DragAndDrop2.placeholderImage.style.top = "-10000000.45px";
+    const children = DragAndDrop2.placeholderImage.querySelectorAll("*");
+    children.forEach((current) => current.style.overflow = "hidden");
+    document.body.append(DragAndDrop2.placeholderImage);
+    ev?.dataTransfer?.setDragImage(DragAndDrop2.placeholderImage, 0, 0);
+  }
+  if (ev.dataTransfer) {
+    ev.dataTransfer.effectAllowed = "move";
+  }
+  setTimeout(() => {
+    const targetSection = getSpecificParent(
+      ev.target,
+      (current) => !!current.dataset?.locationid
+    );
+    const sections = DragAndDrop2.body?.querySelectorAll("[data-locationid]");
+    const emptySectionsId = [];
+    sections?.forEach((sec) => {
+      if (sec.children.length === 0) {
+        emptySectionsId.push(sec.dataset.locationid ?? "");
+      }
+    });
+    emptySectionsId.forEach((emptySecId) => {
+      const section = DragAndDrop2.body?.querySelector(
+        `[data-locationid="${emptySecId}"]`
+      );
+      if (section) {
+        section.setAttribute("style", "padding: 10px; border:2px dashed #ccc");
+      }
+    });
+    DragAndDrop2.snapshot();
+    if (targetPanel) {
+      DragAndDrop2.draggingPanelSectionId = targetSection?.dataset.locationid ?? "";
+      DragAndDrop2.draggingPanelId = targetPanel.dataset.id;
+      DragAndDrop2.draggingPanel = targetPanel;
+    }
+    if (DragAndDrop2.draggingPanelId === "") {
+      return;
+    }
+    const falseDiv = targetPanel?.cloneNode(true);
+    falseDiv.style.opacity = `50%`;
+    falseDiv.style.width = `100%`;
+    falseDiv.style.height = `auto`;
+    falseDiv.style.backgroundColor = `rgba(0,0,0,0.1)`;
+    falseDiv.className = "apia_panel_falseDiv";
+    DragAndDrop2.shadowDiv = falseDiv;
+  }, 0);
+}
+
+export { dragstart };
+//# sourceMappingURL=Dragstart.js.map

package/dist/splash/events/Dragstart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dragstart.js","sources":["../../../src/splash/events/Dragstart.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\r\nimport { getSpecificParent } from '@apia/util';\r\nimport { DragAndDrop } from '../util/DragAndDrop';\r\n\r\nexport function dragstart(\r\n  ev: DragEvent,\r\n  el: Element,\r\n  DragAndDrop: DragAndDrop,\r\n) {\r\n  if (!(el instanceof HTMLElement)) return;\r\n  DragAndDrop.drawMinimap();\r\n  DragAndDrop.sectionData = [];\r\n\r\n  const targetPanel = getSpecificParent(\r\n    ev.target as HTMLElement,\r\n    (current) => !!current.dataset?.id && !!current.dataset?.panel,\r\n  );\r\n\r\n  ev?.dataTransfer?.setData('text', targetPanel?.dataset.id as string);\r\n  if (targetPanel) {\r\n    DragAndDrop.placeholderImage = targetPanel.cloneNode(true) as HTMLElement;\r\n    DragAndDrop.placeholderImage.style.position = 'fixed';\r\n    DragAndDrop.placeholderImage.style.top = '-10000000.45px';\r\n\r\n    const children =\r\n      DragAndDrop.placeholderImage.querySelectorAll<HTMLElement>('*');\r\n    children.forEach((current) => (current.style.overflow = 'hidden'));\r\n    document.body.append(DragAndDrop.placeholderImage);\r\n    ev?.dataTransfer?.setDragImage(DragAndDrop.placeholderImage, 0, 0);\r\n  }\r\n  if (ev.dataTransfer) {\r\n    // eslint-disable-next-line no-param-reassign\r\n    ev.dataTransfer.effectAllowed = 'move';\r\n  }\r\n\r\n  setTimeout(() => {\r\n    const targetSection = getSpecificParent(\r\n      ev.target as HTMLElement,\r\n      (current) => !!current.dataset?.locationid,\r\n    );\r\n\r\n    const sections = DragAndDrop.body?.querySelectorAll('[data-locationid]');\r\n\r\n    const emptySectionsId: string[] = [];\r\n\r\n    sections?.forEach((sec) => {\r\n      if (sec.children.length === 0) {\r\n        emptySectionsId.push((sec as HTMLElement).dataset.locationid ?? '');\r\n      }\r\n    });\r\n\r\n    emptySectionsId.forEach((emptySecId) => {\r\n      const section = DragAndDrop.body?.querySelector(\r\n        `[data-locationid=\"${emptySecId}\"]`,\r\n      );\r\n      if (section) {\r\n        section.setAttribute('style', 'padding: 10px; border:2px dashed #ccc');\r\n      }\r\n    });\r\n\r\n    DragAndDrop.snapshot();\r\n\r\n    if (targetPanel) {\r\n      DragAndDrop.draggingPanelSectionId =\r\n        targetSection?.dataset.locationid ?? '';\r\n      DragAndDrop.draggingPanelId = targetPanel.dataset.id as string;\r\n      DragAndDrop.draggingPanel = targetPanel;\r\n    }\r\n    if (DragAndDrop.draggingPanelId === '') {\r\n      return;\r\n    }\r\n    const falseDiv = targetPanel?.cloneNode(true) as HTMLDivElement;\r\n    falseDiv.style.opacity = `50%`;\r\n    falseDiv.style.width = `100%`;\r\n    falseDiv.style.height = `auto`;\r\n    falseDiv.style.backgroundColor = `rgba(0,0,0,0.1)`;\r\n    falseDiv.className = 'apia_panel_falseDiv';\r\n    DragAndDrop.shadowDiv = falseDiv;\r\n  }, 0);\r\n}\r\n"],"names":["DragAndDrop"],"mappings":"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"}

package/dist/splash/events/Drop.js

@@ -0,0 +1,66 @@
+import { getSpecificParent } from '@apia/util';
+import { updatePanelPosition } from '../../position/usePanelPosition.js';
+
+function Drop(event, DragAndDrop2) {
+  if (DragAndDrop2.body) {
+    const ev = event;
+    const data = ev?.dataTransfer?.getData("text");
+    const sections = DragAndDrop2.body?.querySelectorAll("[data-locationid]");
+    sections.forEach((sec) => {
+      sec.setAttribute("style", "");
+    });
+    const draggingPanel = DragAndDrop2.body.querySelector(
+      `[data-panel][data-id="${DragAndDrop2.draggingPanelId}"]:not(.apia_panel_falseDiv)`
+    );
+    if (draggingPanel) {
+      draggingPanel.setAttribute("style", "");
+    }
+    const falseDiv = document.querySelector(".apia_panel_falseDiv");
+    if (data) {
+      const child = document.querySelector(
+        `[data-panel][data-id="${data}"]:not(.apia_panel_falseDiv)`
+      );
+      sections.forEach((sec) => {
+        if (sec.children.length === 1) {
+          sec.setAttribute("style", "");
+        }
+      });
+      if (falseDiv) {
+        const newSection = getSpecificParent(
+          falseDiv,
+          (current) => !!current.dataset.locationid
+        );
+        if (newSection) {
+          const panelsArray = Array.from(newSection.children);
+          const childId = child.dataset.id;
+          if (childId) {
+            const index = panelsArray.filter(
+              (panel) => !(panel.dataset.id === childId && !panel.classList.contains(
+                "apia_panel_falseDiv"
+              ))
+            ).findIndex(
+              (panel) => panel.dataset.id === childId && panel.classList.contains(
+                "apia_panel_falseDiv"
+              )
+            );
+            if (typeof index === "number" && newSection.dataset.locationid) {
+              void updatePanelPosition(
+                childId,
+                newSection.dataset.locationid,
+                index + 1
+              );
+            }
+          }
+        }
+        falseDiv.replaceWith(child);
+      }
+    }
+    DragAndDrop2.draggingPanelId = "";
+    DragAndDrop2.panelData = [];
+    DragAndDrop2.drawMinimap();
+    DragAndDrop2.removePlaceholder();
+  }
+}
+
+export { Drop };
+//# sourceMappingURL=Drop.js.map

package/dist/splash/events/Drop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drop.js","sources":["../../../src/splash/events/Drop.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\r\nimport { getSpecificParent } from '@apia/util';\r\nimport { updatePanelPosition } from '../../position/usePanelPosition';\r\nimport { DragAndDrop } from '../util/DragAndDrop';\r\n\r\nexport function Drop(event: Event, DragAndDrop: DragAndDrop) {\r\n  if (DragAndDrop.body) {\r\n    const ev = event as DragEvent;\r\n    const data = ev?.dataTransfer?.getData('text');\r\n\r\n    const sections = DragAndDrop.body?.querySelectorAll('[data-locationid]');\r\n\r\n    sections.forEach((sec) => {\r\n      sec.setAttribute('style', '');\r\n    });\r\n\r\n    const draggingPanel = DragAndDrop.body.querySelector(\r\n      `[data-panel][data-id=\"${DragAndDrop.draggingPanelId}\"]:not(.apia_panel_falseDiv)`,\r\n    );\r\n\r\n    if (draggingPanel) {\r\n      draggingPanel.setAttribute('style', '');\r\n    }\r\n    const falseDiv = document.querySelector('.apia_panel_falseDiv');\r\n\r\n    if (data) {\r\n      const child = document.querySelector(\r\n        `[data-panel][data-id=\"${data}\"]:not(.apia_panel_falseDiv)`,\r\n      );\r\n      sections.forEach((sec) => {\r\n        if (sec.children.length === 1) {\r\n          sec.setAttribute('style', '');\r\n        }\r\n      });\r\n      if (falseDiv) {\r\n        const newSection = getSpecificParent(\r\n          falseDiv as HTMLElement,\r\n          (current) => !!current.dataset.locationid,\r\n        );\r\n\r\n        if (newSection) {\r\n          const panelsArray = Array.from(newSection.children);\r\n          const childId = (child as HTMLElement).dataset.id;\r\n\r\n          if (childId) {\r\n            const index = panelsArray\r\n              .filter(\r\n                (panel) =>\r\n                  !(\r\n                    (panel as HTMLElement).dataset.id === childId &&\r\n                    !(panel as HTMLElement).classList.contains(\r\n                      'apia_panel_falseDiv',\r\n                    )\r\n                  ),\r\n              )\r\n              .findIndex(\r\n                (panel) =>\r\n                  (panel as HTMLElement).dataset.id === childId &&\r\n                  (panel as HTMLElement).classList.contains(\r\n                    'apia_panel_falseDiv',\r\n                  ),\r\n              );\r\n\r\n            if (typeof index === 'number' && newSection.dataset.locationid) {\r\n              void updatePanelPosition(\r\n                childId,\r\n                newSection.dataset.locationid,\r\n                index + 1,\r\n              );\r\n            }\r\n          }\r\n        }\r\n        falseDiv.replaceWith(child as Node);\r\n      }\r\n    }\r\n\r\n    DragAndDrop.draggingPanelId = '';\r\n    DragAndDrop.panelData = [];\r\n    DragAndDrop.drawMinimap();\r\n\r\n    DragAndDrop.removePlaceholder();\r\n  }\r\n}\r\n"],"names":["DragAndDrop"],"mappings":";;;AAKO,SAAS,IAAA,CAAK,OAAcA,YAAAA,EAA0B;AAC3D,EAAA,IAAIA,aAAY,IAAA,EAAM;AACpB,IAAA,MAAM,EAAA,GAAK,KAAA;AACX,IAAA,MAAM,IAAA,GAAO,EAAA,EAAI,YAAA,EAAc,OAAA,CAAQ,MAAM,CAAA;AAE7C,IAAA,MAAM,QAAA,GAAWA,YAAAA,CAAY,IAAA,EAAM,gBAAA,CAAiB,mBAAmB,CAAA;AAEvE,IAAA,QAAA,CAAS,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACxB,MAAA,GAAA,CAAI,YAAA,CAAa,SAAS,EAAE,CAAA;AAAA,KAC7B,CAAA;AAED,IAAA,MAAM,aAAA,GAAgBA,aAAY,IAAA,CAAK,aAAA;AAAA,MACrC,CAAA,sBAAA,EAAyBA,aAAY,eAAe,CAAA,4BAAA;AAAA,KACtD;AAEA,IAAA,IAAI,aAAA,EAAe;AACjB,MAAA,aAAA,CAAc,YAAA,CAAa,SAAS,EAAE,CAAA;AAAA;AAExC,IAAA,MAAM,QAAA,GAAW,QAAA,CAAS,aAAA,CAAc,sBAAsB,CAAA;AAE9D,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,MAAM,QAAQ,QAAA,CAAS,aAAA;AAAA,QACrB,yBAAyB,IAAI,CAAA,4BAAA;AAAA,OAC/B;AACA,MAAA,QAAA,CAAS,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACxB,QAAA,IAAI,GAAA,CAAI,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG;AAC7B,UAAA,GAAA,CAAI,YAAA,CAAa,SAAS,EAAE,CAAA;AAAA;AAC9B,OACD,CAAA;AACD,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAM,UAAA,GAAa,iBAAA;AAAA,UACjB,QAAA;AAAA,UACA,CAAC,OAAA,KAAY,CAAC,CAAC,QAAQ,OAAA,CAAQ;AAAA,SACjC;AAEA,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,MAAM,WAAA,GAAc,KAAA,CAAM,IAAA,CAAK,UAAA,CAAW,QAAQ,CAAA;AAClD,UAAA,MAAM,OAAA,GAAW,MAAsB,OAAA,CAAQ,EAAA;AAE/C,UAAA,IAAI,OAAA,EAAS;AACX,YAAA,MAAM,QAAQ,WAAA,CACX,MAAA;AAAA,cACC,CAAC,UACC,EACG,KAAA,CAAsB,QAAQ,EAAA,KAAO,OAAA,IACtC,CAAE,KAAA,CAAsB,SAAA,CAAU,QAAA;AAAA,gBAChC;AAAA,eACF;AAAA,aAEN,CACC,SAAA;AAAA,cACC,CAAC,KAAA,KACE,KAAA,CAAsB,QAAQ,EAAA,KAAO,OAAA,IACrC,MAAsB,SAAA,CAAU,QAAA;AAAA,gBAC/B;AAAA;AACF,aACJ;AAEF,YAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,UAAA,CAAW,QAAQ,UAAA,EAAY;AAC9D,cAAA,KAAK,mBAAA;AAAA,gBACH,OAAA;AAAA,gBACA,WAAW,OAAA,CAAQ,UAAA;AAAA,gBACnB,KAAA,GAAQ;AAAA,eACV;AAAA;AACF;AACF;AAEF,QAAA,QAAA,CAAS,YAAY,KAAa,CAAA;AAAA;AACpC;AAGF,IAAAA,aAAY,eAAA,GAAkB,EAAA;AAC9B,IAAAA,YAAAA,CAAY,YAAY,EAAC;AACzB,IAAAA,aAAY,WAAA,EAAY;AAExB,IAAAA,aAAY,iBAAA,EAAkB;AAAA;AAElC;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/CollapseButton.js

@@ -0,0 +1,31 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { IconButton } from '@apia/components';
+import { usePanelIdentity } from '../../../common/usePanelIdentity.js';
+import { useDashboardContext } from '../../../dashboard/DashboardContext.js';
+import { getLabel } from '@apia/util';
+
+const CollapseButton = ({
+  icon,
+  title,
+  isCollapsed
+}) => {
+  const { panelId } = usePanelIdentity();
+  const dashboard = useDashboardContext();
+  const panel = dashboard.getPanel(panelId);
+  const collapseLabel = isCollapsed ? getLabel("lblShowPanel", { text: { TOK1: title } }).text : getLabel("lblHidePanel", { text: { TOK1: title } }).text;
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      size: "Md",
+      variant: "buttons.icon-outline",
+      className: "panel__iconButton panel__collapse",
+      icon,
+      onClick: () => panel.collapse(),
+      title: collapseLabel,
+      "aria-label": collapseLabel
+    }
+  );
+};
+
+export { CollapseButton };
+//# sourceMappingURL=CollapseButton.js.map

package/dist/splash/panels/DefaultPanelWrapper/CollapseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/CollapseButton.tsx"],"sourcesContent":["import { IconButton } from '@apia/components';\r\nimport { TIconName } from '@apia/icons';\r\nimport React from 'react';\r\nimport { usePanelIdentity } from '../../../common';\r\nimport { useDashboardContext } from '../../../dashboard';\r\nimport { getLabel } from '@apia/util';\r\n\r\nexport const CollapseButton = ({\r\n  icon,\r\n  title,\r\n  isCollapsed,\r\n}: {\r\n  icon: TIconName;\r\n  title: string;\r\n  isCollapsed: boolean;\r\n}) => {\r\n  const { panelId } = usePanelIdentity();\r\n  const dashboard = useDashboardContext();\r\n  const panel = dashboard.getPanel(panelId);\r\n  const collapseLabel = isCollapsed\r\n    ? getLabel('lblShowPanel', { text: { TOK1: title } }).text\r\n    : getLabel('lblHidePanel', { text: { TOK1: title } }).text;\r\n\r\n  return (\r\n    <IconButton\r\n      size=\"Md\"\r\n      variant=\"buttons.icon-outline\"\r\n      className=\"panel__iconButton panel__collapse\"\r\n      icon={icon}\r\n      onClick={() => panel.collapse()}\r\n      title={collapseLabel}\r\n      aria-label={collapseLabel}\r\n    />\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,EAAA,MAAM,YAAY,mBAAA,EAAoB;AACtC,EAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,QAAA,CAAS,OAAO,CAAA;AACxC,EAAA,MAAM,aAAA,GAAgB,cAClB,QAAA,CAAS,cAAA,EAAgB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA,EAAM,EAAG,EAAE,IAAA,GACpD,QAAA,CAAS,gBAAgB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA,EAAM,EAAG,CAAA,CAAE,IAAA;AAExD,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,IAAA;AAAA,MACL,OAAA,EAAQ,sBAAA;AAAA,MACR,SAAA,EAAU,mCAAA;AAAA,MACV,IAAA;AAAA,MACA,OAAA,EAAS,MAAM,KAAA,CAAM,QAAA,EAAS;AAAA,MAC9B,KAAA,EAAO,aAAA;AAAA,MACP,YAAA,EAAY;AAAA;AAAA,GACd;AAEJ;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/NetworkState.d.ts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+
+declare const NetworkState: ({ title }: {
+    title: string;
+}) => react.JSX.Element;
+
+export { NetworkState };
+//# sourceMappingURL=NetworkState.d.ts.map

package/dist/splash/panels/DefaultPanelWrapper/NetworkState.d.ts.map

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

package/dist/splash/panels/DefaultPanelWrapper/NetworkState.js

@@ -0,0 +1,28 @@
+import { jsx, Fragment } from '@apia/theme/jsx-runtime';
+import { Icon } from '@apia/icons';
+import { getLabel } from '@apia/util';
+import { usePanelNetworkState } from '../../../actions/usePanelNetworkState.js';
+
+const NetworkState = ({ title }) => {
+  const isConnected = usePanelNetworkState();
+  return /* @__PURE__ */ jsx(Fragment, { children: !isConnected && /* @__PURE__ */ jsx(
+    Icon,
+    {
+      tabIndex: 0,
+      title: getLabel("lblTestDBNoOk", {
+        text: {
+          TOK1: title
+        }
+      }).text,
+      "aria-label": getLabel("lblTestDBNoOk", {
+        text: {
+          TOK1: title
+        }
+      }).text,
+      name: "Alert"
+    }
+  ) });
+};
+
+export { NetworkState };
+//# sourceMappingURL=NetworkState.js.map