@apia/dashboard-controller 2.0.0

package/dist/panelsStore/createPanelStore.js

@@ -0,0 +1,58 @@
+import { shallowEqual } from '@apia/store';
+import { useLatest } from '@apia/util';
+import { useMemo, useEffect } from 'react';
+import { registerReducers, panelsStore, panelsActions } from './panelsStore.js';
+import { usePanelSelector } from './usePanelSelector.js';
+import { usePanelIdentity } from '../common/usePanelIdentity.js';
+import { useDashboardContext } from '../dashboard/DashboardContext.js';
+
+function createPanelStore(panelType, initialState, reducers) {
+  const useSelector = (panelName, selector, comparator = shallowEqual) => {
+    const dashboard = useDashboardContext();
+    const props = useMemo(
+      () => dashboard.getPanelByName(panelName)?.props,
+      [dashboard, panelName]
+    );
+    const propsRef = useLatest(props);
+    useEffect(() => {
+      panelsStore.dispatch(
+        panelsActions.initState({
+          panelType,
+          panelId: propsRef.current.id,
+          initialState
+        })
+      );
+    }, []);
+    return usePanelSelector(
+      panelType,
+      panelName,
+      initialState,
+      selector,
+      comparator
+    );
+  };
+  registerReducers(panelType, reducers);
+  const usePanelDispatcher = () => {
+    const { panelName: contextPanelName } = usePanelIdentity();
+    const dispatchers = {};
+    const dashboard = useDashboardContext();
+    Object.entries(reducers).forEach(([name]) => {
+      dispatchers[name] = (payload, panelName) => {
+        const props = dashboard.getPanelByName(panelName ?? contextPanelName)?.props;
+        panelsStore.dispatch(
+          panelsActions.updatePanelStore({
+            panelId: props.id,
+            panelType,
+            data: { payload },
+            reducer: name
+          })
+        );
+      };
+    });
+    return dispatchers;
+  };
+  return [usePanelDispatcher, useSelector];
+}
+
+export { createPanelStore };
+//# sourceMappingURL=createPanelStore.js.map

package/dist/panelsStore/createPanelStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPanelStore.js","sources":["../../src/panelsStore/createPanelStore.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { SliceCaseReducers, shallowEqual } from '@apia/store';\nimport { useLatest } from '@apia/util';\nimport { useEffect, useMemo } from 'react';\nimport { TLoadedPanelProps, TPanelName, TPanelType } from '../types';\nimport { panelsActions, panelsStore, registerReducers } from './panelsStore';\nimport { usePanelSelector } from './usePanelSelector';\nimport { usePanelIdentity } from '../common';\nimport { useDashboardContext } from '../dashboard';\n\ndeclare type ActionCreatorForCaseReducer<CR> = CR extends (\n  state: any,\n  action: infer Action,\n) => any\n  ? Action extends {\n      payload: infer P;\n    }\n    ? (payload: P, panelName?: string) => unknown\n    : () => unknown\n  : () => unknown;\n\ntype CaseReducerActions<CaseReducers extends SliceCaseReducers<any>> = {\n  [Type in keyof CaseReducers]: ActionCreatorForCaseReducer<CaseReducers[Type]>;\n};\n\nexport function createPanelStore<\n  PanelState = any,\n  Reducers extends SliceCaseReducers<PanelState> = SliceCaseReducers<PanelState>,\n>(\n  panelType: TPanelType,\n  initialState: PanelState,\n  reducers: Reducers,\n): [\n  () => CaseReducerActions<Reducers>,\n  <Selected>(\n    panelName: TPanelName,\n    selector: (state: PanelState) => Selected,\n    comparator?: (a: Selected, b: Selected) => boolean,\n  ) => Selected,\n] {\n  const useSelector = <Selected>(\n    panelName: TPanelName,\n    selector: (state: PanelState) => Selected,\n    comparator: (a: Selected, b: Selected) => boolean = shallowEqual,\n  ): Selected => {\n    const dashboard = useDashboardContext();\n    const props = useMemo(\n      () => dashboard.getPanelByName(panelName)?.props as TLoadedPanelProps,\n      [dashboard, panelName],\n    );\n\n    const propsRef = useLatest(props);\n\n    useEffect(() => {\n      panelsStore.dispatch(\n        panelsActions.initState({\n          panelType,\n          panelId: propsRef.current.id,\n          initialState,\n        }),\n      );\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return usePanelSelector<PanelState, Selected>(\n      panelType,\n      panelName,\n      initialState,\n      selector,\n      comparator,\n    );\n  };\n\n  registerReducers<PanelState>(panelType, reducers);\n\n  /**\n   * Devuelve un objeto de dispatchers asociados al panel. Este hook puede ser\n   * exportado pero es importante comprender su funcionamiento: cuando es usado\n   * acepta un segundo parámetro opcional panelName que en caso de no ser\n   * pasado, utilizará el del contexto del panel desde el que se ejecuta.\n   */\n  const usePanelDispatcher = () => {\n    const { panelName: contextPanelName } = usePanelIdentity();\n    const dispatchers: CaseReducerActions<Reducers> =\n      {} as CaseReducerActions<Reducers>;\n    const dashboard = useDashboardContext();\n\n    Object.entries(reducers).forEach(([name]) => {\n      dispatchers[name as keyof typeof dispatchers] = ((\n        payload: any,\n        panelName?: TPanelName,\n      ) => {\n        const props = dashboard.getPanelByName(panelName ?? contextPanelName)\n          ?.props as TLoadedPanelProps;\n\n        panelsStore.dispatch(\n          panelsActions.updatePanelStore({\n            panelId: props.id,\n            panelType,\n            data: { payload },\n            reducer: name,\n          }),\n        );\n      }) as any;\n    });\n\n    return dispatchers;\n  };\n\n  return [usePanelDispatcher, useSelector];\n}\n"],"names":[],"mappings":";;;;;;;;AA0BgB,SAAA,gBAAA,CAId,SACA,EAAA,YAAA,EACA,QAQA,EAAA;AACA,EAAA,MAAM,WAAc,GAAA,CAClB,SACA,EAAA,QAAA,EACA,aAAoD,YACvC,KAAA;AACb,IAAA,MAAM,YAAY,mBAAoB,EAAA,CAAA;AACtC,IAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,MACZ,MAAM,SAAA,CAAU,cAAe,CAAA,SAAS,CAAG,EAAA,KAAA;AAAA,MAC3C,CAAC,WAAW,SAAS,CAAA;AAAA,KACvB,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,UAAU,KAAK,CAAA,CAAA;AAEhC,IAAA,SAAA,CAAU,MAAM;AACd,MAAY,WAAA,CAAA,QAAA;AAAA,QACV,cAAc,SAAU,CAAA;AAAA,UACtB,SAAA;AAAA,UACA,OAAA,EAAS,SAAS,OAAQ,CAAA,EAAA;AAAA,UAC1B,YAAA;AAAA,SACD,CAAA;AAAA,OACH,CAAA;AAAA,KAEF,EAAG,EAAE,CAAA,CAAA;AAEL,IAAO,OAAA,gBAAA;AAAA,MACL,SAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,gBAAA,CAA6B,WAAW,QAAQ,CAAA,CAAA;AAQhD,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,MAAM,EAAE,SAAA,EAAW,gBAAiB,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACzD,IAAA,MAAM,cACJ,EAAC,CAAA;AACH,IAAA,MAAM,YAAY,mBAAoB,EAAA,CAAA;AAEtC,IAAA,MAAA,CAAO,QAAQ,QAAQ,CAAA,CAAE,QAAQ,CAAC,CAAC,IAAI,CAAM,KAAA;AAC3C,MAAA,WAAA,CAAY,IAAgC,CAAA,GAAK,CAC/C,OAAA,EACA,SACG,KAAA;AACH,QAAA,MAAM,KAAQ,GAAA,SAAA,CAAU,cAAe,CAAA,SAAA,IAAa,gBAAgB,CAChE,EAAA,KAAA,CAAA;AAEJ,QAAY,WAAA,CAAA,QAAA;AAAA,UACV,cAAc,gBAAiB,CAAA;AAAA,YAC7B,SAAS,KAAM,CAAA,EAAA;AAAA,YACf,SAAA;AAAA,YACA,IAAA,EAAM,EAAE,OAAQ,EAAA;AAAA,YAChB,OAAS,EAAA,IAAA;AAAA,WACV,CAAA;AAAA,SACH,CAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,WAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAO,OAAA,CAAC,oBAAoB,WAAW,CAAA,CAAA;AACzC;;;;"}

package/dist/panelsStore/panelsStore.js

@@ -0,0 +1,59 @@
+import { createSlice, injectReducers } from '@apia/store';
+
+const reducers = {};
+function initPanelTypeUpdater(panelType) {
+  if (!reducers[panelType]) {
+    reducers[panelType] = {
+      defaultReducer: (panelsState, payload) => {
+        Object.assign(panelsState, payload);
+      }
+    };
+  }
+}
+function registerReducers(panelType, newReducers) {
+  initPanelTypeUpdater(panelType);
+  Object.assign(reducers[panelType], newReducers);
+}
+function initPanelState(state, panelType, panelId, initialState) {
+  if (!state[panelType]) {
+    state[panelType] = {};
+  }
+  if (!state[panelType][panelId])
+    state[panelType][panelId] = {};
+  state[panelType][panelId] = initialState;
+}
+const panelsSlice = createSlice({
+  name: "panelsSlice",
+  initialState: {},
+  reducers: {
+    initState(state, {
+      payload: { panelId, panelType, initialState }
+    }) {
+      if (!state[panelType]?.[panelId]) {
+        initPanelState(state, panelType, panelId, initialState);
+        state[panelType][panelId] = initialState;
+      }
+    },
+    updatePanelStore(state, {
+      payload: { data, panelId, panelType, reducer, initialState }
+    }) {
+      if (!state[panelType]?.[panelId]) {
+        initPanelState(state, panelType, panelId, initialState ?? {});
+      }
+      const panelsStore2 = state[panelType][panelId];
+      initPanelTypeUpdater(panelType);
+      if (!reducers[panelType][reducer ?? "default"]) {
+        return;
+      }
+      const currentReducer = reducers[panelType][reducer ?? "default"];
+      currentReducer(panelsStore2, data);
+    }
+  }
+});
+const { useSelector: usePanelStoreSelector, store: panelsStore } = injectReducers({
+  panelsSlice: panelsSlice.reducer
+});
+const panelsActions = panelsSlice.actions;
+
+export { initPanelState, initPanelTypeUpdater, panelsActions, panelsSlice, panelsStore, reducers, registerReducers, usePanelStoreSelector };
+//# sourceMappingURL=panelsStore.js.map

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 */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable no-restricted-imports */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport {\n  createSlice,\n  injectReducers,\n  PayloadAction,\n  Draft,\n  SliceCaseReducers,\n  CaseReducer,\n} from '@apia/store';\nimport { TPanelId, TPanelType } from '../types';\n\ntype ValidateSliceCaseReducers<S, ACR extends SliceCaseReducers<S>> = ACR & {\n  [T in keyof ACR]: ACR[T] extends {\n    reducer(s: S, action?: infer A): any;\n  }\n    ? {\n        prepare(...a: never[]): Omit<A, 'type'>;\n      }\n    : {};\n};\n\nexport type TPanelsSliceState = Record<string, Record<string, unknown>>;\n\nexport type TReducers<\n  State = any,\n  CR extends SliceCaseReducers<State> = SliceCaseReducers<State>,\n> = ValidateSliceCaseReducers<State, CR>;\n\ntype TPanelsReducers<\n  State = any,\n  CR extends SliceCaseReducers<State> = SliceCaseReducers<State>,\n> = Record<string, TReducers<State, CR>>;\n\n/**\n * Los updaters son funciones que permiten modificar la forma en la que un\n * panel modifica su estado, se puede pensar como un análogo del reducer\n *\n * {\n *   panelTypeA: {\n *     updaterA: (state, data) => { ...update panel store },\n *     updaterB: (state, data) => { ...update panel store },\n *   }\n * }\n */\nexport const reducers: TPanelsReducers<Record<string, unknown>> = {};\n\nexport function initPanelTypeUpdater(panelType: TPanelType) {\n  if (!reducers[panelType]) {\n    reducers[panelType] = {\n      defaultReducer: (\n        panelsState,\n        payload: PayloadAction<{ name: string }>,\n      ) => {\n        Object.assign(panelsState, payload);\n      },\n    };\n  }\n}\n\n/**\n * Permite registrar nuevas formas de actualizar el estado de un tipo de panel\n */\nexport function registerReducers<\n  State = any,\n  CR extends SliceCaseReducers<State> = SliceCaseReducers<State>,\n>(panelType: TPanelType, newReducers: TReducers<State, CR>) {\n  initPanelTypeUpdater(panelType);\n  Object.assign(reducers[panelType], newReducers);\n}\n\nexport function initPanelState(\n  state: Draft<TPanelsSliceState>,\n  panelType: TPanelType,\n  panelId: TPanelId,\n  initialState: any,\n) {\n  if (!state[panelType]) {\n    state[panelType] = {};\n  }\n  if (!state[panelType][panelId]) state[panelType][panelId] = {};\n  state[panelType][panelId] = initialState;\n}\n\nexport const panelsSlice = createSlice({\n  name: 'panelsSlice',\n  initialState: {} as TPanelsSliceState,\n  reducers: {\n    initState(\n      state,\n      {\n        payload: { panelId, panelType, initialState },\n      }: PayloadAction<{\n        panelType: TPanelType;\n        panelId: TPanelId;\n        reducer?: string; // reducer will be used to customize the way the slice is updated\n        initialState: any;\n      }>,\n    ) {\n      if (!state[panelType]?.[panelId]) {\n        initPanelState(state, panelType, panelId, initialState);\n        state[panelType][panelId] = initialState;\n      }\n    },\n    updatePanelStore(\n      state,\n      {\n        payload: { data, panelId, panelType, reducer, initialState },\n      }: PayloadAction<{\n        panelType: TPanelType;\n        panelId: TPanelId;\n        reducer?: string; // Updater will be used to customize the way the slice is updated\n        data: any;\n        initialState?: any;\n      }>,\n    ) {\n      if (!state[panelType]?.[panelId]) {\n        initPanelState(state, panelType, panelId, initialState ?? {});\n      }\n      const panelsStore = state[panelType][panelId];\n      initPanelTypeUpdater(panelType);\n\n      if (!reducers[panelType][reducer ?? 'default']) {\n        return;\n      }\n\n      const currentReducer = reducers[panelType][\n        reducer ?? 'default'\n      ] as CaseReducer;\n      currentReducer(panelsStore, data);\n    },\n  },\n});\n\nexport const { useSelector: usePanelStoreSelector, store: panelsStore } =\n  injectReducers({\n    panelsSlice: panelsSlice.reducer,\n  });\n\nexport const panelsActions = panelsSlice.actions;\n"],"names":["panelsStore"],"mappings":";;AAgDO,MAAM,WAAqD,GAAC;AAE5D,SAAS,qBAAqB,SAAuB,EAAA;AAC1D,EAAI,IAAA,CAAC,QAAS,CAAA,SAAS,CAAG,EAAA;AACxB,IAAA,QAAA,CAAS,SAAS,CAAI,GAAA;AAAA,MACpB,cAAA,EAAgB,CACd,WAAA,EACA,OACG,KAAA;AACH,QAAO,MAAA,CAAA,MAAA,CAAO,aAAa,OAAO,CAAA,CAAA;AAAA,OACpC;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;AAKgB,SAAA,gBAAA,CAGd,WAAuB,WAAmC,EAAA;AAC1D,EAAA,oBAAA,CAAqB,SAAS,CAAA,CAAA;AAC9B,EAAA,MAAA,CAAO,MAAO,CAAA,QAAA,CAAS,SAAS,CAAA,EAAG,WAAW,CAAA,CAAA;AAChD,CAAA;AAEO,SAAS,cACd,CAAA,KAAA,EACA,SACA,EAAA,OAAA,EACA,YACA,EAAA;AACA,EAAI,IAAA,CAAC,KAAM,CAAA,SAAS,CAAG,EAAA;AACrB,IAAM,KAAA,CAAA,SAAS,IAAI,EAAC,CAAA;AAAA,GACtB;AACA,EAAA,IAAI,CAAC,KAAA,CAAM,SAAS,CAAA,CAAE,OAAO,CAAA;AAAG,IAAA,KAAA,CAAM,SAAS,CAAA,CAAE,OAAO,CAAA,GAAI,EAAC,CAAA;AAC7D,EAAM,KAAA,CAAA,SAAS,CAAE,CAAA,OAAO,CAAI,GAAA,YAAA,CAAA;AAC9B,CAAA;AAEO,MAAM,cAAc,WAAY,CAAA;AAAA,EACrC,IAAM,EAAA,aAAA;AAAA,EACN,cAAc,EAAC;AAAA,EACf,QAAU,EAAA;AAAA,IACR,UACE,KACA,EAAA;AAAA,MACE,OAAS,EAAA,EAAE,OAAS,EAAA,SAAA,EAAW,YAAa,EAAA;AAAA,KAO9C,EAAA;AACA,MAAA,IAAI,CAAC,KAAA,CAAM,SAAS,CAAA,GAAI,OAAO,CAAG,EAAA;AAChC,QAAe,cAAA,CAAA,KAAA,EAAO,SAAW,EAAA,OAAA,EAAS,YAAY,CAAA,CAAA;AACtD,QAAM,KAAA,CAAA,SAAS,CAAE,CAAA,OAAO,CAAI,GAAA,YAAA,CAAA;AAAA,OAC9B;AAAA,KACF;AAAA,IACA,iBACE,KACA,EAAA;AAAA,MACE,SAAS,EAAE,IAAA,EAAM,OAAS,EAAA,SAAA,EAAW,SAAS,YAAa,EAAA;AAAA,KAQ7D,EAAA;AACA,MAAA,IAAI,CAAC,KAAA,CAAM,SAAS,CAAA,GAAI,OAAO,CAAG,EAAA;AAChC,QAAA,cAAA,CAAe,KAAO,EAAA,SAAA,EAAW,OAAS,EAAA,YAAA,IAAgB,EAAE,CAAA,CAAA;AAAA,OAC9D;AACA,MAAA,MAAMA,YAAc,GAAA,KAAA,CAAM,SAAS,CAAA,CAAE,OAAO,CAAA,CAAA;AAC5C,MAAA,oBAAA,CAAqB,SAAS,CAAA,CAAA;AAE9B,MAAA,IAAI,CAAC,QAAS,CAAA,SAAS,CAAE,CAAA,OAAA,IAAW,SAAS,CAAG,EAAA;AAC9C,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,SAAS,CAAA,CACvC,WAAW,SACb,CAAA,CAAA;AACA,MAAA,cAAA,CAAeA,cAAa,IAAI,CAAA,CAAA;AAAA,KAClC;AAAA,GACF;AACF,CAAC,EAAA;AAEM,MAAM,EAAE,WAAa,EAAA,qBAAA,EAAuB,KAAO,EAAA,WAAA,KACxD,cAAe,CAAA;AAAA,EACb,aAAa,WAAY,CAAA,OAAA;AAC3B,CAAC,EAAA;AAEI,MAAM,gBAAgB,WAAY,CAAA;;;;"}

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';\nimport { useRef, useState } from 'react';\nimport { TPanelName, TPanelType } from '../types';\nimport { panelsStore, usePanelStoreSelector } from './panelsStore';\nimport { usePanelIdentity } from '../common';\n\nexport const undefinedObject = {};\n\n/**\n * Permite escuchar el store de un panel al igual que se haría con un\n * useSelector de redux.\n *\n * @param selector Una función selectora que recibe el estado del panel y devuelve la selección deseada\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.\n * @returns La selección determinada en el selector, siempre que haya cambiado de acuerdo al comparador.\n *\n * @example\n *\n  import { TRecordsPanelStore } from '..../recordsPanel';\n\n  // Assume TRecordsPanelStore = { peopleNames: string[] }\n\n  const firstName = usePanelSelector<TRecordsPanelStore>(\n    'RecordsPanel',\n    'RecordThisYear',\n    (state) => { return state.peopleNames[0] }\n  );\n */\nexport function usePanelSelector<StoreType, Selected>(\n  panelType: TPanelType,\n  panelName: TPanelName,\n  initialState: StoreType,\n  selector: (state: StoreType) => Selected,\n  comparator: (a: Selected, b: Selected) => boolean = shallowEqual,\n): Selected {\n  const { panelId } = usePanelIdentity();\n  if (!panelId) throw new Error(`Cannot find panel with name ${panelName}`);\n\n  const storeState = panelsStore.getState().panelsSlice[panelType];\n  const [selection, setSelection] = useState<Selected>(\n    initialState\n      ? selector((storeState?.[panelId] as StoreType) ?? initialState)\n      : ({} as Selected),\n  );\n\n  const previousSelected = useRef<Selected>(\n    selection ?? (undefinedObject as Selected),\n  );\n\n  usePanelStoreSelector((global) => {\n    const newState = global.panelsSlice[panelType]?.[panelId] as\n      | StoreType\n      | undefined;\n    if (newState !== undefined) {\n      const newSelected = selector(newState);\n      if (\n        previousSelected.current === undefinedObject ||\n        !comparator(previousSelected.current as Selected, newSelected)\n      ) {\n        previousSelected.current = newSelected;\n        setSelection(newSelected);\n      }\n    }\n  });\n\n  return selection;\n}\n"],"names":[],"mappings":";;;;;AAMO,MAAM,kBAAkB,GAAC;AAsBzB,SAAS,iBACd,SACA,EAAA,SAAA,EACA,YACA,EAAA,QAAA,EACA,aAAoD,YAC1C,EAAA;AACV,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACrC,EAAA,IAAI,CAAC,OAAA;AAAS,IAAA,MAAM,IAAI,KAAA,CAAM,CAA+B,4BAAA,EAAA,SAAS,CAAE,CAAA,CAAA,CAAA;AAExE,EAAA,MAAM,UAAa,GAAA,WAAA,CAAY,QAAS,EAAA,CAAE,YAAY,SAAS,CAAA,CAAA;AAC/D,EAAM,MAAA,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA;AAAA,IAChC,eACI,QAAU,CAAA,UAAA,GAAa,OAAO,CAAmB,IAAA,YAAY,IAC5D,EAAC;AAAA,GACR,CAAA;AAEA,EAAA,MAAM,gBAAmB,GAAA,MAAA;AAAA,IACvB,SAAc,IAAA,eAAA;AAAA,GAChB,CAAA;AAEA,EAAA,qBAAA,CAAsB,CAAC,MAAW,KAAA;AAChC,IAAA,MAAM,QAAW,GAAA,MAAA,CAAO,WAAY,CAAA,SAAS,IAAI,OAAO,CAAA,CAAA;AAGxD,IAAA,IAAI,aAAa,KAAW,CAAA,EAAA;AAC1B,MAAM,MAAA,WAAA,GAAc,SAAS,QAAQ,CAAA,CAAA;AACrC,MACE,IAAA,gBAAA,CAAiB,YAAY,eAC7B,IAAA,CAAC,WAAW,gBAAiB,CAAA,OAAA,EAAqB,WAAW,CAC7D,EAAA;AACA,QAAA,gBAAA,CAAiB,OAAU,GAAA,WAAA,CAAA;AAC3B,QAAA,YAAA,CAAa,WAAW,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,SAAA,CAAA;AACT;;;;"}

package/dist/panelsUtil/usePanelChangeTitle.d.ts

@@ -0,0 +1,5 @@
+declare function changePanelTitle(panelId: string, 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,23 @@
+import { useCallback } from 'react';
+import { eventsController } from '../eventsController/eventsController.js';
+import { usePanelFireEvent } from '../eventsController/usePanelFireEvent.js';
+
+function changePanelTitle(panelId, newTitle) {
+  eventsController.fireEvent(
+    { panelId },
+    "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';\nimport {\n  TPanelIdentifier,\n  eventsController,\n  usePanelFireEvent,\n} from '../eventsController';\n\nexport function changePanelTitle(panelId: string, newTitle: string) {\n  eventsController.fireEvent(\n    { panelId } as TPanelIdentifier,\n    'changeTitle',\n    newTitle,\n  );\n}\n\nexport function usePanelChangeTitle() {\n  const fireEvent = usePanelFireEvent();\n\n  return useCallback(\n    (newTitle: string) => {\n      fireEvent('changeTitle', newTitle);\n    },\n    [fireEvent],\n  );\n}\n"],"names":[],"mappings":";;;;AAOgB,SAAA,gBAAA,CAAiB,SAAiB,QAAkB,EAAA;AAClE,EAAiB,gBAAA,CAAA,SAAA;AAAA,IACf,EAAE,OAAQ,EAAA;AAAA,IACV,aAAA;AAAA,IACA,QAAA;AAAA,GACF,CAAA;AACF,CAAA;AAEO,SAAS,mBAAsB,GAAA;AACpC,EAAA,MAAM,YAAY,iBAAkB,EAAA,CAAA;AAEpC,EAAO,OAAA,WAAA;AAAA,IACL,CAAC,QAAqB,KAAA;AACpB,MAAA,SAAA,CAAU,eAAe,QAAQ,CAAA,CAAA;AAAA,KACnC;AAAA,IACA,CAAC,SAAS,CAAA;AAAA,GACZ,CAAA;AACF;;;;"}

package/dist/panelsUtil/usePanelTitleAction.js

@@ -0,0 +1,34 @@
+import { usePanelParametersSelector } from '../config/usePanelParametersSelector.js';
+import { parametersStore as store, parametersActions } from '../config/parametersStore.js';
+
+const panelActionParameterName = "__panelTitleAction";
+const panelDescriptionParameterName = "__panelTitleDescription";
+function setPanelTitleAction(panelId, newAction) {
+  store.dispatch(
+    parametersActions.udpate({
+      panelId,
+      parameters: { [panelActionParameterName]: newAction }
+    })
+  );
+}
+function setPanelTitleDescritpion(panelId, newDescription) {
+  store.dispatch(
+    parametersActions.udpate({
+      panelId,
+      parameters: { [panelDescriptionParameterName]: newDescription }
+    })
+  );
+}
+function usePanelTitleAction() {
+  return usePanelParametersSelector(
+    (current) => current[panelActionParameterName]
+  );
+}
+function usePanelTitleDescription() {
+  return usePanelParametersSelector(
+    (current) => current[panelDescriptionParameterName]
+  );
+}
+
+export { setPanelTitleAction, setPanelTitleDescritpion, 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';\nimport { parametersActions } from '../config/parametersStore';\n\nconst panelActionParameterName = '__panelTitleAction';\nconst panelDescriptionParameterName = '__panelTitleDescription';\n\nexport function setPanelTitleAction(panelId: string, newAction: string) {\n  parametersStore.dispatch(\n    parametersActions.udpate({\n      panelId,\n      parameters: { [panelActionParameterName]: newAction },\n    }),\n  );\n}\nexport function setPanelTitleDescritpion(\n  panelId: string,\n  newDescription: string,\n) {\n  parametersStore.dispatch(\n    parametersActions.udpate({\n      panelId,\n      parameters: { [panelDescriptionParameterName]: newDescription },\n    }),\n  );\n}\n\nexport function usePanelTitleAction() {\n  return usePanelParametersSelector(\n    (current) => current[panelActionParameterName] as string,\n  );\n}\n\nexport function usePanelTitleDescription() {\n  return usePanelParametersSelector(\n    (current) => current[panelDescriptionParameterName] as string,\n  );\n}\n"],"names":["parametersStore"],"mappings":";;;AAGA,MAAM,wBAA2B,GAAA,oBAAA,CAAA;AACjC,MAAM,6BAAgC,GAAA,yBAAA,CAAA;AAEtB,SAAA,mBAAA,CAAoB,SAAiB,SAAmB,EAAA;AACtE,EAAgBA,KAAA,CAAA,QAAA;AAAA,IACd,kBAAkB,MAAO,CAAA;AAAA,MACvB,OAAA;AAAA,MACA,UAAY,EAAA,EAAE,CAAC,wBAAwB,GAAG,SAAU,EAAA;AAAA,KACrD,CAAA;AAAA,GACH,CAAA;AACF,CAAA;AACgB,SAAA,wBAAA,CACd,SACA,cACA,EAAA;AACA,EAAgBA,KAAA,CAAA,QAAA;AAAA,IACd,kBAAkB,MAAO,CAAA;AAAA,MACvB,OAAA;AAAA,MACA,UAAY,EAAA,EAAE,CAAC,6BAA6B,GAAG,cAAe,EAAA;AAAA,KAC/D,CAAA;AAAA,GACH,CAAA;AACF,CAAA;AAEO,SAAS,mBAAsB,GAAA;AACpC,EAAO,OAAA,0BAAA;AAAA,IACL,CAAC,OAAY,KAAA,OAAA,CAAQ,wBAAwB,CAAA;AAAA,GAC/C,CAAA;AACF,CAAA;AAEO,SAAS,wBAA2B,GAAA;AACzC,EAAO,OAAA,0BAAA;AAAA,IACL,CAAC,OAAY,KAAA,OAAA,CAAQ,6BAA6B,CAAA;AAAA,GACpD,CAAA;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';\nimport { EventEmitter, TId } from '@apia/util';\nimport { usePanelIdentity } from '../common';\nimport { useEffect, useState } from 'react';\n\nclass PanelPositionEmitter extends EventEmitter<{\n  panelUpdate: {\n    panelId: TId;\n    containerId: TId;\n    newPosition: number;\n  };\n}> {}\n\nexport const panelPositionEmitter = new PanelPositionEmitter();\n\n/**\n * Permite conocer la posición del panel, se actualiza automáticamente cuando\n * ésta cambia provocando un renderizado en el padre\n */\nexport function usePanelPosition() {\n  const { panelId } = usePanelIdentity();\n\n  const [position, setPosition] = useState<{\n    containerId: TId;\n    position: number;\n  }>();\n\n  useEffect(() => {\n    return panelPositionEmitter.on('panelUpdate', (ev) => {\n      if (ev.panelId === panelId)\n        setPosition({ containerId: ev.containerId, position: ev.newPosition });\n    });\n  }, [panelId]);\n\n  return position;\n}\n\nexport async function updatePanelPosition(\n  panelId: TId,\n  containerId: TId,\n  newPosition: number,\n) {\n  const result = await ApiaApi.post(\n    makeApiaUrl({\n      action: 'panelMove',\n      pnlId: panelId,\n      containerId,\n      newPosition,\n    }),\n  );\n\n  const hasUpdated = result?.data && !result.hasError && !result.hasMessages;\n\n  if (hasUpdated)\n    panelPositionEmitter.emit('panelUpdate', {\n      panelId,\n      containerId,\n      newPosition,\n    });\n\n  return hasUpdated;\n}\n\nexport function useUpdatePanelPosition() {\n  const { panelId } = usePanelIdentity();\n  return async function updatePosition(containerId: TId, newPosition: number) {\n    return updatePanelPosition(panelId, containerId, newPosition);\n  };\n}\n"],"names":[],"mappings":";;;;;AAKA,MAAM,6BAA6B,YAMhC,CAAA;AAAC,CAAA;AAES,MAAA,oBAAA,GAAuB,IAAI,oBAAqB,GAAA;AAMtD,SAAS,gBAAmB,GAAA;AACjC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAG7B,EAAA,CAAA;AAEH,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,oBAAqB,CAAA,EAAA,CAAG,aAAe,EAAA,CAAC,EAAO,KAAA;AACpD,MAAA,IAAI,GAAG,OAAY,KAAA,OAAA;AACjB,QAAA,WAAA,CAAY,EAAE,WAAa,EAAA,EAAA,CAAG,aAAa,QAAU,EAAA,EAAA,CAAG,aAAa,CAAA,CAAA;AAAA,KACxE,CAAA,CAAA;AAAA,GACH,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEsB,eAAA,mBAAA,CACpB,OACA,EAAA,WAAA,EACA,WACA,EAAA;AACA,EAAM,MAAA,MAAA,GAAS,MAAM,OAAQ,CAAA,IAAA;AAAA,IAC3B,WAAY,CAAA;AAAA,MACV,MAAQ,EAAA,WAAA;AAAA,MACR,KAAO,EAAA,OAAA;AAAA,MACP,WAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,aAAa,MAAQ,EAAA,IAAA,IAAQ,CAAC,MAAO,CAAA,QAAA,IAAY,CAAC,MAAO,CAAA,WAAA,CAAA;AAE/D,EAAI,IAAA,UAAA;AACF,IAAA,oBAAA,CAAqB,KAAK,aAAe,EAAA;AAAA,MACvC,OAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;AAEH,EAAO,OAAA,UAAA,CAAA;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';\nimport { DragAndDrop } from '../util/DragAndDrop';\n\nexport function dragleave(_ev: Event, DragAndDrop: DragAndDrop) {\n  const ev = _ev as DragEvent;\n\n  if (\n    ev.relatedTarget === null ||\n    isChild(ev.relatedTarget as HTMLElement, (current) => {\n      return (\n        current.parentElement === null &&\n        current === document.getRootNode() &&\n        current.dataset.splash === undefined\n      );\n    })\n  ) {\n    const shadows = document.querySelectorAll('.apia_panel_falseDiv');\n\n    shadows.forEach((el) => el.remove());\n    DragAndDrop.draggingPanel?.setAttribute('style', '');\n  }\n}\n"],"names":["DragAndDrop"],"mappings":";;AAGgB,SAAA,SAAA,CAAU,KAAYA,YAA0B,EAAA;AAC9D,EAAA,MAAM,EAAK,GAAA,GAAA,CAAA;AAEX,EAAA,IACE,GAAG,aAAkB,KAAA,IAAA,IACrB,QAAQ,EAAG,CAAA,aAAA,EAA8B,CAAC,OAAY,KAAA;AACpD,IACE,OAAA,OAAA,CAAQ,kBAAkB,IAC1B,IAAA,OAAA,KAAY,SAAS,WAAY,EAAA,IACjC,OAAQ,CAAA,OAAA,CAAQ,MAAW,KAAA,KAAA,CAAA,CAAA;AAAA,GAE9B,CACD,EAAA;AACA,IAAM,MAAA,OAAA,GAAU,QAAS,CAAA,gBAAA,CAAiB,sBAAsB,CAAA,CAAA;AAEhE,IAAA,OAAA,CAAQ,OAAQ,CAAA,CAAC,EAAO,KAAA,EAAA,CAAG,QAAQ,CAAA,CAAA;AACnC,IAAAA,YAAY,CAAA,aAAA,EAAe,YAAa,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AAAA,GACrD;AACF;;;;"}

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 */\nimport { isCursorInArea } from '../util/isCursorInArea';\nimport { getColumnAreas } from '../util/getColumnAreas';\nimport { DragAndDrop } from '../util/DragAndDrop';\n\nexport function dragover(event: Event, DragAndDrop: DragAndDrop) {\n  const ev = event as DragEvent;\n  ev.preventDefault();\n\n  DragAndDrop.timeout = -1;\n  if (\n    (ev.clientX !== DragAndDrop.dragoverPosition.x ||\n      ev.clientY !== DragAndDrop.dragoverPosition.y) &&\n    DragAndDrop.draggingPanelId !== '' &&\n    DragAndDrop.shadowDiv\n  ) {\n    DragAndDrop.clearTimeout();\n    DragAndDrop.currentBottomPanel = DragAndDrop.findBottomPanel(\n      ev.clientX,\n      ev.clientY + DragAndDrop.currentScroll,\n    );\n\n    DragAndDrop.dragoverPosition.x = ev.clientX;\n    DragAndDrop.dragoverPosition.y = ev.clientY;\n\n    const snapshotSection = DragAndDrop.findBottomSection(\n      ev.clientX,\n      ev.clientY + DragAndDrop.currentScroll,\n    );\n\n    if (\n      DragAndDrop.shadowDivData &&\n      isCursorInArea({\n        cursorX: ev.clientX,\n        cursorY: ev.clientY + DragAndDrop.currentScroll,\n        bottom: DragAndDrop.shadowDivData?.panelBottom,\n        top: DragAndDrop.shadowDivData?.panelTop,\n        left: DragAndDrop.shadowDivData?.panelLeft,\n        right: DragAndDrop.shadowDivData?.panelRight,\n      })\n    ) {\n      return;\n    }\n\n    if (DragAndDrop.currentBottomPanel && snapshotSection) {\n      const bottomPanel = DragAndDrop.splash.querySelector(\n        `[data-panel][data-id='${DragAndDrop.currentBottomPanel.id}']`,\n      );\n      const draggingPanel = DragAndDrop.splash.querySelector(\n        `[data-panel][data-id='${DragAndDrop.draggingPanelId}']`,\n      );\n      const bottomSection = DragAndDrop.splash.querySelector(\n        `[data-locationid='${snapshotSection.sectionId}']`,\n      );\n\n      if (bottomSection) {\n        if (\n          isCursorInArea({\n            cursorX: ev.clientX,\n            cursorY: ev.clientY + DragAndDrop.currentScroll,\n            ...getColumnAreas({\n              ...DragAndDrop.currentBottomPanel,\n              panelLeft: bottomSection?.getBoundingClientRect().left ?? 0,\n              panelRight: bottomSection?.getBoundingClientRect().right ?? 0,\n            }).top,\n          })\n        ) {\n          if (draggingPanel) {\n            draggingPanel.setAttribute('style', 'display: none; height: 0;');\n          }\n          if (bottomPanel && snapshotSection) {\n            if (bottomSection) {\n              DragAndDrop.shadowDiv.setAttribute('style', 'opacity: 50%;');\n              DragAndDrop.debounceBefore(\n                bottomPanel,\n                DragAndDrop.shadowDiv,\n                bottomSection as HTMLElement,\n              );\n              DragAndDrop.snapshot();\n              DragAndDrop.clearTimeout();\n            }\n          }\n        } else if (\n          isCursorInArea({\n            cursorX: ev.clientX,\n            cursorY: ev.clientY + DragAndDrop.currentScroll,\n            ...getColumnAreas({\n              ...DragAndDrop.currentBottomPanel,\n              panelLeft: bottomSection?.getBoundingClientRect().left ?? 0,\n              panelRight: bottomSection?.getBoundingClientRect().right ?? 0,\n            }).bottom,\n          })\n        ) {\n          const bottomPanel = DragAndDrop.splash.querySelector(\n            `[data-panel][data-id='${DragAndDrop.currentBottomPanel.id}']`,\n          );\n          const draggingPanel = DragAndDrop.splash.querySelector(\n            `[data-panel][data-id='${DragAndDrop.draggingPanelId}']`,\n          );\n          if (draggingPanel) {\n            draggingPanel.setAttribute('style', 'display: none;');\n          }\n          if (bottomPanel && snapshotSection) {\n            const bottomSection = DragAndDrop.splash.querySelector(\n              `[data-locationid='${snapshotSection.sectionId}']`,\n            );\n            if (bottomSection) {\n              DragAndDrop.shadowDiv.setAttribute('style', 'opacity: 50%;');\n              DragAndDrop.debounceAfter(DragAndDrop.shadowDiv, bottomPanel);\n              DragAndDrop.snapshot();\n              DragAndDrop.clearTimeout();\n            }\n          }\n        }\n      }\n    } else if (!DragAndDrop.currentBottomPanel && snapshotSection) {\n      const bottomSection = DragAndDrop.splash.querySelector(\n        `[data-locationid='${snapshotSection.sectionId}']`,\n      );\n      if (bottomSection) {\n        const draggingPanel = DragAndDrop.splash.querySelector(\n          `[data-panel][data-id='${DragAndDrop.draggingPanelId}']`,\n        );\n        if (draggingPanel) {\n          draggingPanel.setAttribute('style', 'display: none;');\n        }\n        DragAndDrop.shadowDiv.setAttribute('style', 'opacity: 50%;');\n        DragAndDrop.debounceAppend(\n          bottomSection as HTMLElement,\n          DragAndDrop.shadowDiv,\n        );\n        DragAndDrop.snapshot();\n        DragAndDrop.clearTimeout();\n      }\n    }\n  }\n}\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 */\nimport { getSpecificParent } from '@apia/util';\nimport { DragAndDrop } from '../util/DragAndDrop';\n\nexport function dragstart(\n  ev: DragEvent,\n  el: Element,\n  DragAndDrop: DragAndDrop,\n) {\n  if (!(el instanceof HTMLElement)) return;\n  DragAndDrop.drawMinimap();\n  DragAndDrop.sectionData = [];\n\n  const targetPanel = getSpecificParent(\n    ev.target as HTMLElement,\n    (current) => !!current.dataset?.id && !!current.dataset?.panel,\n  );\n\n  ev?.dataTransfer?.setData('text', targetPanel?.dataset.id as string);\n  if (targetPanel) {\n    DragAndDrop.placeholderImage = targetPanel.cloneNode(true) as HTMLElement;\n    DragAndDrop.placeholderImage.style.position = 'fixed';\n    DragAndDrop.placeholderImage.style.top = '-10000000.45px';\n\n    const children =\n      DragAndDrop.placeholderImage.querySelectorAll<HTMLElement>('*');\n    children.forEach((current) => (current.style.overflow = 'hidden'));\n    document.body.append(DragAndDrop.placeholderImage);\n    ev?.dataTransfer?.setDragImage(DragAndDrop.placeholderImage, 0, 0);\n  }\n  if (ev.dataTransfer) {\n    // eslint-disable-next-line no-param-reassign\n    ev.dataTransfer.effectAllowed = 'move';\n  }\n\n  setTimeout(() => {\n    const targetSection = getSpecificParent(\n      ev.target as HTMLElement,\n      (current) => !!current.dataset?.locationid,\n    );\n\n    const sections = DragAndDrop.body?.querySelectorAll('[data-locationid]');\n\n    const emptySectionsId: string[] = [];\n\n    sections?.forEach((sec) => {\n      if (sec.children.length === 0) {\n        emptySectionsId.push((sec as HTMLElement).dataset.locationid ?? '');\n      }\n    });\n\n    emptySectionsId.forEach((emptySecId) => {\n      const section = DragAndDrop.body?.querySelector(\n        `[data-locationid=\"${emptySecId}\"]`,\n      );\n      if (section) {\n        section.setAttribute('style', 'padding: 10px; border:2px dashed #ccc');\n      }\n    });\n\n    DragAndDrop.snapshot();\n\n    if (targetPanel) {\n      DragAndDrop.draggingPanelSectionId =\n        targetSection?.dataset.locationid ?? '';\n      DragAndDrop.draggingPanelId = targetPanel.dataset.id as string;\n      DragAndDrop.draggingPanel = targetPanel;\n    }\n    if (DragAndDrop.draggingPanelId === '') {\n      return;\n    }\n    const falseDiv = targetPanel?.cloneNode(true) as HTMLDivElement;\n    falseDiv.style.opacity = `50%`;\n    falseDiv.style.width = `100%`;\n    falseDiv.style.height = `auto`;\n    falseDiv.style.backgroundColor = `rgba(0,0,0,0.1)`;\n    falseDiv.className = 'apia_panel_falseDiv';\n    DragAndDrop.shadowDiv = falseDiv;\n  }, 0);\n}\n"],"names":["DragAndDrop"],"mappings":"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"}

package/dist/splash/events/Drop.js

@@ -0,0 +1,60 @@
+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.findIndex(
+              (panel) => panel.dataset.id === childId
+            );
+            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