npm - @apia/dashboard-controller - Versions diffs - 2.0.6 → 2.0.8 - Mend

@apia/dashboard-controller 2.0.6 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist/panelsStore/panelsStore.js.map CHANGED Viewed

	@@ -1 +1 @@
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;;;;"}
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,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.map CHANGED Viewed

	@@ -1 +1 @@
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;;;;"}
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,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.js.map CHANGED Viewed

	@@ -1 +1 @@
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;;;;"}
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(panelId: string, newTitle: string) {\r\n eventsController.fireEvent(\r\n { panelId } as TPanelIdentifier,\r\n 'changeTitle',\r\n newTitle,\r\n );\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":";;;;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.map CHANGED Viewed

	@@ -1 +1 @@
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;;;;"}
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 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\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 usePanelTitleDescription() {\r\n return usePanelParametersSelector(\r\n (current) => current[panelDescriptionParameterName] as string,\r\n );\r\n}\r\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.js.map CHANGED Viewed

	@@ -1 +1 @@
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;;;;"}
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,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.map CHANGED Viewed

	@@ -1 +1 @@
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;;;;"}
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":";;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.map CHANGED Viewed

	@@ -1 +1 @@
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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"}
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":";;;AAKgB,SAAA,QAAA,CAAS,OAAcA,YAA0B,EAAA;AAC/D,EAAA,MAAM,EAAK,GAAA,KAAA,CAAA;AACX,EAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAElB,EAAAA,aAAY,OAAU,GAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAA,CACG,EAAG,CAAA,OAAA,KAAYA,YAAY,CAAA,gBAAA,CAAiB,KAC3C,EAAG,CAAA,OAAA,KAAYA,YAAY,CAAA,gBAAA,CAAiB,CAC9CA,KAAAA,YAAAA,CAAY,eAAoB,KAAA,EAAA,IAChCA,aAAY,SACZ,EAAA;AACA,IAAAA,aAAY,YAAa,EAAA,CAAA;AACzB,IAAAA,YAAAA,CAAY,qBAAqBA,YAAY,CAAA,eAAA;AAAA,MAC3C,EAAG,CAAA,OAAA;AAAA,MACH,EAAA,CAAG,UAAUA,YAAY,CAAA,aAAA;AAAA,KAC3B,CAAA;AAEA,IAAAA,YAAAA,CAAY,gBAAiB,CAAA,CAAA,GAAI,EAAG,CAAA,OAAA,CAAA;AACpC,IAAAA,YAAAA,CAAY,gBAAiB,CAAA,CAAA,GAAI,EAAG,CAAA,OAAA,CAAA;AAEpC,IAAA,MAAM,kBAAkBA,YAAY,CAAA,iBAAA;AAAA,MAClC,EAAG,CAAA,OAAA;AAAA,MACH,EAAA,CAAG,UAAUA,YAAY,CAAA,aAAA;AAAA,KAC3B,CAAA;AAEA,IACEA,IAAAA,YAAAA,CAAY,iBACZ,cAAe,CAAA;AAAA,MACb,SAAS,EAAG,CAAA,OAAA;AAAA,MACZ,OAAA,EAAS,EAAG,CAAA,OAAA,GAAUA,YAAY,CAAA,aAAA;AAAA,MAClC,MAAA,EAAQA,aAAY,aAAe,EAAA,WAAA;AAAA,MACnC,GAAA,EAAKA,aAAY,aAAe,EAAA,QAAA;AAAA,MAChC,IAAA,EAAMA,aAAY,aAAe,EAAA,SAAA;AAAA,MACjC,KAAA,EAAOA,aAAY,aAAe,EAAA,UAAA;AAAA,KACnC,CACD,EAAA;AACA,MAAA,OAAA;AAAA,KACF;AAEA,IAAIA,IAAAA,YAAAA,CAAY,sBAAsB,eAAiB,EAAA;AACrD,MAAM,MAAA,WAAA,GAAcA,aAAY,MAAO,CAAA,aAAA;AAAA,QACrC,CAAA,sBAAA,EAAyBA,YAAY,CAAA,kBAAA,CAAmB,EAAE,CAAA,EAAA,CAAA;AAAA,OAC5D,CAAA;AACA,MAAM,MAAA,aAAA,GAAgBA,aAAY,MAAO,CAAA,aAAA;AAAA,QACvC,CAAA,sBAAA,EAAyBA,aAAY,eAAe,CAAA,EAAA,CAAA;AAAA,OACtD,CAAA;AACA,MAAM,MAAA,aAAA,GAAgBA,aAAY,MAAO,CAAA,aAAA;AAAA,QACvC,CAAA,kBAAA,EAAqB,gBAAgB,SAAS,CAAA,EAAA,CAAA;AAAA,OAChD,CAAA;AAEA,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,IACE,cAAe,CAAA;AAAA,UACb,SAAS,EAAG,CAAA,OAAA;AAAA,UACZ,OAAA,EAAS,EAAG,CAAA,OAAA,GAAUA,YAAY,CAAA,aAAA;AAAA,UAClC,GAAG,cAAe,CAAA;AAAA,YAChB,GAAGA,YAAY,CAAA,kBAAA;AAAA,YACf,SAAW,EAAA,aAAA,EAAe,qBAAsB,EAAA,CAAE,IAAQ,IAAA,CAAA;AAAA,YAC1D,UAAY,EAAA,aAAA,EAAe,qBAAsB,EAAA,CAAE,KAAS,IAAA,CAAA;AAAA,WAC7D,CAAE,CAAA,GAAA;AAAA,SACJ,CACD,EAAA;AACA,UAAA,IAAI,aAAe,EAAA;AACjB,YAAc,aAAA,CAAA,YAAA,CAAa,SAAS,2BAA2B,CAAA,CAAA;AAAA,WACjE;AACA,UAAA,IAAI,eAAe,eAAiB,EAAA;AAClC,YAAA,IAAI,aAAe,EAAA;AACjB,cAAAA,YAAY,CAAA,SAAA,CAAU,YAAa,CAAA,OAAA,EAAS,eAAe,CAAA,CAAA;AAC3D,cAAAA,YAAY,CAAA,cAAA;AAAA,gBACV,WAAA;AAAA,gBACAA,YAAY,CAAA,SAAA;AAAA,gBACZ,aAAA;AAAA,eACF,CAAA;AACA,cAAAA,aAAY,QAAS,EAAA,CAAA;AACrB,cAAAA,aAAY,YAAa,EAAA,CAAA;AAAA,aAC3B;AAAA,WACF;AAAA,mBAEA,cAAe,CAAA;AAAA,UACb,SAAS,EAAG,CAAA,OAAA;AAAA,UACZ,OAAA,EAAS,EAAG,CAAA,OAAA,GAAUA,YAAY,CAAA,aAAA;AAAA,UAClC,GAAG,cAAe,CAAA;AAAA,YAChB,GAAGA,YAAY,CAAA,kBAAA;AAAA,YACf,SAAW,EAAA,aAAA,EAAe,qBAAsB,EAAA,CAAE,IAAQ,IAAA,CAAA;AAAA,YAC1D,UAAY,EAAA,aAAA,EAAe,qBAAsB,EAAA,CAAE,KAAS,IAAA,CAAA;AAAA,WAC7D,CAAE,CAAA,MAAA;AAAA,SACJ,CACD,EAAA;AACA,UAAMC,MAAAA,YAAAA,GAAcD,aAAY,MAAO,CAAA,aAAA;AAAA,YACrC,CAAA,sBAAA,EAAyBA,YAAY,CAAA,kBAAA,CAAmB,EAAE,CAAA,EAAA,CAAA;AAAA,WAC5D,CAAA;AACA,UAAME,MAAAA,cAAAA,GAAgBF,aAAY,MAAO,CAAA,aAAA;AAAA,YACvC,CAAA,sBAAA,EAAyBA,aAAY,eAAe,CAAA,EAAA,CAAA;AAAA,WACtD,CAAA;AACA,UAAA,IAAIE,cAAe,EAAA;AACjB,YAAAA,cAAAA,CAAc,YAAa,CAAA,OAAA,EAAS,gBAAgB,CAAA,CAAA;AAAA,WACtD;AACA,UAAA,IAAID,gBAAe,eAAiB,EAAA;AAClC,YAAME,MAAAA,cAAAA,GAAgBH,aAAY,MAAO,CAAA,aAAA;AAAA,cACvC,CAAA,kBAAA,EAAqB,gBAAgB,SAAS,CAAA,EAAA,CAAA;AAAA,aAChD,CAAA;AACA,YAAA,IAAIG,cAAe,EAAA;AACjB,cAAAH,YAAY,CAAA,SAAA,CAAU,YAAa,CAAA,OAAA,EAAS,eAAe,CAAA,CAAA;AAC3D,cAAAA,YAAY,CAAA,aAAA,CAAcA,YAAY,CAAA,SAAA,EAAWC,YAAW,CAAA,CAAA;AAC5D,cAAAD,aAAY,QAAS,EAAA,CAAA;AACrB,cAAAA,aAAY,YAAa,EAAA,CAAA;AAAA,aAC3B;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACS,MAAA,IAAA,CAACA,YAAY,CAAA,kBAAA,IAAsB,eAAiB,EAAA;AAC7D,MAAM,MAAA,aAAA,GAAgBA,aAAY,MAAO,CAAA,aAAA;AAAA,QACvC,CAAA,kBAAA,EAAqB,gBAAgB,SAAS,CAAA,EAAA,CAAA;AAAA,OAChD,CAAA;AACA,MAAA,IAAI,aAAe,EAAA;AACjB,QAAM,MAAA,aAAA,GAAgBA,aAAY,MAAO,CAAA,aAAA;AAAA,UACvC,CAAA,sBAAA,EAAyBA,aAAY,eAAe,CAAA,EAAA,CAAA;AAAA,SACtD,CAAA;AACA,QAAA,IAAI,aAAe,EAAA;AACjB,UAAc,aAAA,CAAA,YAAA,CAAa,SAAS,gBAAgB,CAAA,CAAA;AAAA,SACtD;AACA,QAAAA,YAAY,CAAA,SAAA,CAAU,YAAa,CAAA,OAAA,EAAS,eAAe,CAAA,CAAA;AAC3D,QAAAA,YAAY,CAAA,cAAA;AAAA,UACV,aAAA;AAAA,UACAA,YAAY,CAAA,SAAA;AAAA,SACd,CAAA;AACA,QAAAA,aAAY,QAAS,EAAA,CAAA;AACrB,QAAAA,aAAY,YAAa,EAAA,CAAA;AAAA,OAC3B;AAAA,KACF;AAAA,GACF;AACF;;;;"}

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

	@@ -1 +1 @@
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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"}
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":";;AAIgB,SAAA,SAAA,CACd,EACA,EAAA,EAAA,EACAA,YACA,EAAA;AACA,EAAA,IAAI,EAAE,EAAc,YAAA,WAAA,CAAA;AAAc,IAAA,OAAA;AAClC,EAAAA,aAAY,WAAY,EAAA,CAAA;AACxB,EAAAA,YAAAA,CAAY,cAAc,EAAC,CAAA;AAE3B,EAAA,MAAM,WAAc,GAAA,iBAAA;AAAA,IAClB,EAAG,CAAA,MAAA;AAAA,IACH,CAAC,OAAY,KAAA,CAAC,CAAC,OAAA,CAAQ,SAAS,EAAM,IAAA,CAAC,CAAC,OAAA,CAAQ,OAAS,EAAA,KAAA;AAAA,GAC3D,CAAA;AAEA,EAAA,EAAA,EAAI,YAAc,EAAA,OAAA,CAAQ,MAAQ,EAAA,WAAA,EAAa,QAAQ,EAAY,CAAA,CAAA;AACnE,EAAA,IAAI,WAAa,EAAA;AACf,IAAAA,YAAY,CAAA,gBAAA,GAAmB,WAAY,CAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AACzD,IAAAA,YAAAA,CAAY,gBAAiB,CAAA,KAAA,CAAM,QAAW,GAAA,OAAA,CAAA;AAC9C,IAAAA,YAAAA,CAAY,gBAAiB,CAAA,KAAA,CAAM,GAAM,GAAA,gBAAA,CAAA;AAEzC,IAAA,MAAM,QACJA,GAAAA,YAAAA,CAAY,gBAAiB,CAAA,gBAAA,CAA8B,GAAG,CAAA,CAAA;AAChE,IAAA,QAAA,CAAS,QAAQ,CAAC,OAAA,KAAa,OAAQ,CAAA,KAAA,CAAM,WAAW,QAAS,CAAA,CAAA;AACjE,IAAS,QAAA,CAAA,IAAA,CAAK,MAAOA,CAAAA,YAAAA,CAAY,gBAAgB,CAAA,CAAA;AACjD,IAAA,EAAA,EAAI,YAAc,EAAA,YAAA,CAAaA,YAAY,CAAA,gBAAA,EAAkB,GAAG,CAAC,CAAA,CAAA;AAAA,GACnE;AACA,EAAA,IAAI,GAAG,YAAc,EAAA;AAEnB,IAAA,EAAA,CAAG,aAAa,aAAgB,GAAA,MAAA,CAAA;AAAA,GAClC;AAEA,EAAA,UAAA,CAAW,MAAM;AACf,IAAA,MAAM,aAAgB,GAAA,iBAAA;AAAA,MACpB,EAAG,CAAA,MAAA;AAAA,MACH,CAAC,OAAA,KAAY,CAAC,CAAC,QAAQ,OAAS,EAAA,UAAA;AAAA,KAClC,CAAA;AAEA,IAAA,MAAM,QAAWA,GAAAA,YAAAA,CAAY,IAAM,EAAA,gBAAA,CAAiB,mBAAmB,CAAA,CAAA;AAEvE,IAAA,MAAM,kBAA4B,EAAC,CAAA;AAEnC,IAAU,QAAA,EAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACzB,MAAI,IAAA,GAAA,CAAI,QAAS,CAAA,MAAA,KAAW,CAAG,EAAA;AAC7B,QAAA,eAAA,CAAgB,IAAM,CAAA,GAAA,CAAoB,OAAQ,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAAA,OACpE;AAAA,KACD,CAAA,CAAA;AAED,IAAgB,eAAA,CAAA,OAAA,CAAQ,CAAC,UAAe,KAAA;AACtC,MAAM,MAAA,OAAA,GAAUA,aAAY,IAAM,EAAA,aAAA;AAAA,QAChC,qBAAqB,UAAU,CAAA,EAAA,CAAA;AAAA,OACjC,CAAA;AACA,MAAA,IAAI,OAAS,EAAA;AACX,QAAQ,OAAA,CAAA,YAAA,CAAa,SAAS,uCAAuC,CAAA,CAAA;AAAA,OACvE;AAAA,KACD,CAAA,CAAA;AAED,IAAAA,aAAY,QAAS,EAAA,CAAA;AAErB,IAAA,IAAI,WAAa,EAAA;AACf,MAAAA,YAAY,CAAA,sBAAA,GACV,aAAe,EAAA,OAAA,CAAQ,UAAc,IAAA,EAAA,CAAA;AACvC,MAAAA,YAAAA,CAAY,eAAkB,GAAA,WAAA,CAAY,OAAQ,CAAA,EAAA,CAAA;AAClD,MAAAA,aAAY,aAAgB,GAAA,WAAA,CAAA;AAAA,KAC9B;AACA,IAAIA,IAAAA,YAAAA,CAAY,oBAAoB,EAAI,EAAA;AACtC,MAAA,OAAA;AAAA,KACF;AACA,IAAM,MAAA,QAAA,GAAW,WAAa,EAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAC5C,IAAA,QAAA,CAAS,MAAM,OAAU,GAAA,CAAA,GAAA,CAAA,CAAA;AACzB,IAAA,QAAA,CAAS,MAAM,KAAQ,GAAA,CAAA,IAAA,CAAA,CAAA;AACvB,IAAA,QAAA,CAAS,MAAM,MAAS,GAAA,CAAA,IAAA,CAAA,CAAA;AACxB,IAAA,QAAA,CAAS,MAAM,eAAkB,GAAA,CAAA,eAAA,CAAA,CAAA;AACjC,IAAA,QAAA,CAAS,SAAY,GAAA,qBAAA,CAAA;AACrB,IAAAA,aAAY,SAAY,GAAA,QAAA,CAAA;AAAA,KACvB,CAAC,CAAA,CAAA;AACN;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Drop.js","sources":["../../../src/splash/events/Drop.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { getSpecificParent } from '@apia/util';\nimport { updatePanelPosition } from '../../position/usePanelPosition';\nimport { DragAndDrop } from '../util/DragAndDrop';\n\nexport function Drop(event: Event, DragAndDrop: DragAndDrop) {\n if (DragAndDrop.body) {\n const ev = event as DragEvent;\n const data = ev?.dataTransfer?.getData('text');\n\n const sections = DragAndDrop.body?.querySelectorAll('[data-locationid]');\n\n sections.forEach((sec) => {\n sec.setAttribute('style', '');\n });\n\n const draggingPanel = DragAndDrop.body.querySelector(\n `[data-panel][data-id=\"${DragAndDrop.draggingPanelId}\"]:not(.apia_panel_falseDiv)`,\n );\n\n if (draggingPanel) {\n draggingPanel.setAttribute('style', '');\n }\n const falseDiv = document.querySelector('.apia_panel_falseDiv');\n\n if (data) {\n const child = document.querySelector(\n `[data-panel][data-id=\"${data}\"]:not(.apia_panel_falseDiv)`,\n );\n sections.forEach((sec) => {\n if (sec.children.length === 1) {\n sec.setAttribute('style', '');\n }\n });\n if (falseDiv) {\n const newSection = getSpecificParent(\n falseDiv as HTMLElement,\n (current) => !!current.dataset.locationid,\n );\n\n if (newSection) {\n const panelsArray = Array.from(newSection.children);\n const childId = (child as HTMLElement).dataset.id;\n\n if (childId) {\n const index = panelsArray.findIndex(\n (panel) => (panel as HTMLElement).dataset.id === childId,\n );\n\n if (typeof index === 'number' && newSection.dataset.locationid) {\n void updatePanelPosition(\n childId,\n newSection.dataset.locationid,\n index + 1,\n );\n }\n }\n }\n falseDiv.replaceWith(child as Node);\n }\n }\n\n DragAndDrop.draggingPanelId = '';\n DragAndDrop.panelData = [];\n DragAndDrop.drawMinimap();\n\n DragAndDrop.removePlaceholder();\n }\n}\n"],"names":["DragAndDrop"],"mappings":";;;AAKgB,SAAA,IAAA,CAAK,OAAcA,YAA0B,EAAA;AAC3D,EAAA,IAAIA,aAAY,IAAM,EAAA;AACpB,IAAA,MAAM,EAAK,GAAA,KAAA,CAAA;AACX,IAAA,MAAM,IAAO,GAAA,EAAA,EAAI,YAAc,EAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AAE7C,IAAA,MAAM,QAAWA,GAAAA,YAAAA,CAAY,IAAM,EAAA,gBAAA,CAAiB,mBAAmB,CAAA,CAAA;AAEvE,IAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACxB,MAAI,GAAA,CAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAAA,KAC7B,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgBA,aAAY,IAAK,CAAA,aAAA;AAAA,MACrC,CAAA,sBAAA,EAAyBA,aAAY,eAAe,CAAA,4BAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAA,IAAI,aAAe,EAAA;AACjB,MAAc,aAAA,CAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAAA,KACxC;AACA,IAAM,MAAA,QAAA,GAAW,QAAS,CAAA,aAAA,CAAc,sBAAsB,CAAA,CAAA;AAE9D,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,MAAM,QAAQ,QAAS,CAAA,aAAA;AAAA,QACrB,yBAAyB,IAAI,CAAA,4BAAA,CAAA;AAAA,OAC/B,CAAA;AACA,MAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACxB,QAAI,IAAA,GAAA,CAAI,QAAS,CAAA,MAAA,KAAW,CAAG,EAAA;AAC7B,UAAI,GAAA,CAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAAA,SAC9B;AAAA,OACD,CAAA,CAAA;AACD,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,MAAM,UAAa,GAAA,iBAAA;AAAA,UACjB,QAAA;AAAA,UACA,CAAC,OAAA,KAAY,CAAC,CAAC,QAAQ,OAAQ,CAAA,UAAA;AAAA,SACjC,CAAA;AAEA,QAAA,IAAI,UAAY,EAAA;AACd,UAAA,MAAM,WAAc,GAAA,KAAA,CAAM,IAAK,CAAA,UAAA,CAAW,QAAQ,CAAA,CAAA;AAClD,UAAM,MAAA,OAAA,GAAW,MAAsB,OAAQ,CAAA,EAAA,CAAA;AAE/C,UAAA,IAAI,OAAS,EAAA;AACX,YAAA,MAAM,QAAQ,WAAY,CAAA,SAAA;AAAA,cACxB,CAAC,KAAA,KAAW,KAAsB,CAAA,OAAA,CAAQ,EAAO,KAAA,OAAA;AAAA,aACnD,CAAA;AAEA,YAAA,IAAI,OAAO,KAAA,KAAU,QAAY,IAAA,UAAA,CAAW,QAAQ,UAAY,EAAA;AAC9D,cAAK,KAAA,mBAAA;AAAA,gBACH,OAAA;AAAA,gBACA,WAAW,OAAQ,CAAA,UAAA;AAAA,gBACnB,KAAQ,GAAA,CAAA;AAAA,eACV,CAAA;AAAA,aACF;AAAA,WACF;AAAA,SACF;AACA,QAAA,QAAA,CAAS,YAAY,KAAa,CAAA,CAAA;AAAA,OACpC;AAAA,KACF;AAEA,IAAAA,aAAY,eAAkB,GAAA,EAAA,CAAA;AAC9B,IAAAA,YAAAA,CAAY,YAAY,EAAC,CAAA;AACzB,IAAAA,aAAY,WAAY,EAAA,CAAA;AAExB,IAAAA,aAAY,iBAAkB,EAAA,CAAA;AAAA,GAChC;AACF;;;;"}
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.findIndex(\r\n (panel) => (panel as HTMLElement).dataset.id === childId,\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":";;;AAKgB,SAAA,IAAA,CAAK,OAAcA,YAA0B,EAAA;AAC3D,EAAA,IAAIA,aAAY,IAAM,EAAA;AACpB,IAAA,MAAM,EAAK,GAAA,KAAA,CAAA;AACX,IAAA,MAAM,IAAO,GAAA,EAAA,EAAI,YAAc,EAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AAE7C,IAAA,MAAM,QAAWA,GAAAA,YAAAA,CAAY,IAAM,EAAA,gBAAA,CAAiB,mBAAmB,CAAA,CAAA;AAEvE,IAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACxB,MAAI,GAAA,CAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAAA,KAC7B,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgBA,aAAY,IAAK,CAAA,aAAA;AAAA,MACrC,CAAA,sBAAA,EAAyBA,aAAY,eAAe,CAAA,4BAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAA,IAAI,aAAe,EAAA;AACjB,MAAc,aAAA,CAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAAA,KACxC;AACA,IAAM,MAAA,QAAA,GAAW,QAAS,CAAA,aAAA,CAAc,sBAAsB,CAAA,CAAA;AAE9D,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,MAAM,QAAQ,QAAS,CAAA,aAAA;AAAA,QACrB,yBAAyB,IAAI,CAAA,4BAAA,CAAA;AAAA,OAC/B,CAAA;AACA,MAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACxB,QAAI,IAAA,GAAA,CAAI,QAAS,CAAA,MAAA,KAAW,CAAG,EAAA;AAC7B,UAAI,GAAA,CAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAAA,SAC9B;AAAA,OACD,CAAA,CAAA;AACD,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,MAAM,UAAa,GAAA,iBAAA;AAAA,UACjB,QAAA;AAAA,UACA,CAAC,OAAA,KAAY,CAAC,CAAC,QAAQ,OAAQ,CAAA,UAAA;AAAA,SACjC,CAAA;AAEA,QAAA,IAAI,UAAY,EAAA;AACd,UAAA,MAAM,WAAc,GAAA,KAAA,CAAM,IAAK,CAAA,UAAA,CAAW,QAAQ,CAAA,CAAA;AAClD,UAAM,MAAA,OAAA,GAAW,MAAsB,OAAQ,CAAA,EAAA,CAAA;AAE/C,UAAA,IAAI,OAAS,EAAA;AACX,YAAA,MAAM,QAAQ,WAAY,CAAA,SAAA;AAAA,cACxB,CAAC,KAAA,KAAW,KAAsB,CAAA,OAAA,CAAQ,EAAO,KAAA,OAAA;AAAA,aACnD,CAAA;AAEA,YAAA,IAAI,OAAO,KAAA,KAAU,QAAY,IAAA,UAAA,CAAW,QAAQ,UAAY,EAAA;AAC9D,cAAK,KAAA,mBAAA;AAAA,gBACH,OAAA;AAAA,gBACA,WAAW,OAAQ,CAAA,UAAA;AAAA,gBACnB,KAAQ,GAAA,CAAA;AAAA,eACV,CAAA;AAAA,aACF;AAAA,WACF;AAAA,SACF;AACA,QAAA,QAAA,CAAS,YAAY,KAAa,CAAA,CAAA;AAAA,OACpC;AAAA,KACF;AAEA,IAAAA,aAAY,eAAkB,GAAA,EAAA,CAAA;AAC9B,IAAAA,YAAAA,CAAY,YAAY,EAAC,CAAA;AACzB,IAAAA,aAAY,WAAY,EAAA,CAAA;AAExB,IAAAA,aAAY,iBAAkB,EAAA,CAAA;AAAA,GAChC;AACF;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/NetworkState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NetworkState.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/NetworkState.tsx"],"sourcesContent":["import { Icon } from '@apia/icons';\nimport { getLabel } from '@apia/util';\nimport { usePanelNetworkState } from '../../../actions';\n\nexport const NetworkState = ({ title }: { title: string }) => {\n const isConnected = usePanelNetworkState();\n return (\n <>\n {!isConnected && (\n <Icon\n tabIndex={0}\n title={\n getLabel('lblTestDBNoOk', {\n text: {\n TOK1: title,\n },\n }).text\n }\n aria-label={\n getLabel('lblTestDBNoOk', {\n text: {\n TOK1: title,\n },\n }).text\n }\n name=\"Alert\"\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;AAIO,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAA+B,KAAA;AAC5D,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACG,WAAC,WACA,oBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,CAAA;AAAA,MACV,KAAA,EACE,SAAS,eAAiB,EAAA;AAAA,QACxB,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,KAAA;AAAA,SACR;AAAA,OACD,CAAE,CAAA,IAAA;AAAA,MAEL,YAAA,EACE,SAAS,eAAiB,EAAA;AAAA,QACxB,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,KAAA;AAAA,SACR;AAAA,OACD,CAAE,CAAA,IAAA;AAAA,MAEL,IAAK,EAAA,OAAA;AAAA,KAAA;AAAA,GAGX,EAAA,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"NetworkState.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/NetworkState.tsx"],"sourcesContent":["import { Icon } from '@apia/icons';\r\nimport { getLabel } from '@apia/util';\r\nimport { usePanelNetworkState } from '../../../actions';\r\n\r\nexport const NetworkState = ({ title }: { title: string }) => {\r\n const isConnected = usePanelNetworkState();\r\n return (\r\n <>\r\n {!isConnected && (\r\n <Icon\r\n tabIndex={0}\r\n title={\r\n getLabel('lblTestDBNoOk', {\r\n text: {\r\n TOK1: title,\r\n },\r\n }).text\r\n }\r\n aria-label={\r\n getLabel('lblTestDBNoOk', {\r\n text: {\r\n TOK1: title,\r\n },\r\n }).text\r\n }\r\n name=\"Alert\"\r\n />\r\n )}\r\n </>\r\n );\r\n};\r\n"],"names":[],"mappings":";;;;;AAIO,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAA+B,KAAA;AAC5D,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACG,WAAC,WACA,oBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,CAAA;AAAA,MACV,KAAA,EACE,SAAS,eAAiB,EAAA;AAAA,QACxB,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,KAAA;AAAA,SACR;AAAA,OACD,CAAE,CAAA,IAAA;AAAA,MAEL,YAAA,EACE,SAAS,eAAiB,EAAA;AAAA,QACxB,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,KAAA;AAAA,SACR;AAAA,OACD,CAAE,CAAA,IAAA;AAAA,MAEL,IAAK,EAAA,OAAA;AAAA,KAAA;AAAA,GAGX,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/PanelButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PanelButtons.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/PanelButtons.tsx"],"sourcesContent":["import { makeImperativeComponent } from '@apia/util';\nimport { RefreshButton } from './RefreshButton';\nimport { SettingsButton } from './SettingsButton';\nimport { TPanelProps } from '../../../types';\n\nexport const [, panelButtonsActions, PanelButtons] = makeImperativeComponent<\n Omit<TPanelProps, 'initialData' \| 'children'>,\n {\n disable: boolean;\n }\n>()({\n Component: (props) => {\n return (\n <>\n {props.isRefreshable && (\n <>\n <RefreshButton {...props} />\n </>\n )}\n {props.isConfigurable && <SettingsButton title={props.title} />}\n </>\n );\n },\n});\n"],"names":[],"mappings":";;;;;AAKO,MAAM,GAAG,mBAAA,EAAqB,YAAY,CAAA,GAAI,yBAKjD,CAAA;AAAA,EACF,SAAA,EAAW,CAAC,KAAU,KAAA;AACpB,IAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,iCAEH,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAe,EAAA,EAAA,GAAG,OAAO,CAC5B,EAAA,CAAA;AAAA,MAED,MAAM,cAAkB,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA;AAAA,KAC/D,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF,CAAC;;;;"}
1	+ {"version":3,"file":"PanelButtons.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/PanelButtons.tsx"],"sourcesContent":["import { makeImperativeComponent } from '@apia/util';\r\nimport { RefreshButton } from './RefreshButton';\r\nimport { SettingsButton } from './SettingsButton';\r\nimport { TPanelProps } from '../../../types';\r\n\r\nexport const [, panelButtonsActions, PanelButtons] = makeImperativeComponent<\r\n Omit<TPanelProps, 'initialData' \| 'children'>,\r\n {\r\n disable: boolean;\r\n }\r\n>()({\r\n Component: (props) => {\r\n return (\r\n <>\r\n {props.isRefreshable && (\r\n <>\r\n <RefreshButton {...props} />\r\n </>\r\n )}\r\n {props.isConfigurable && <SettingsButton title={props.title} />}\r\n </>\r\n );\r\n },\r\n});\r\n"],"names":[],"mappings":";;;;;AAKO,MAAM,GAAG,mBAAA,EAAqB,YAAY,CAAA,GAAI,yBAKjD,CAAA;AAAA,EACF,SAAA,EAAW,CAAC,KAAU,KAAA;AACpB,IAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,iCAEH,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAe,EAAA,EAAA,GAAG,OAAO,CAC5B,EAAA,CAAA;AAAA,MAED,MAAM,cAAkB,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA;AAAA,KAC/D,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF,CAAC;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/RefreshButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RefreshButton.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/RefreshButton.tsx"],"sourcesContent":["import { IconButton } from '@apia/components';\nimport { getLabel, useImperativeComponentEvents } from '@apia/util';\nimport { useCallback, useState } from 'react';\nimport { usePanelActions, usePanelIsLoading } from '../../../actions';\n\nexport const RefreshButton = (props: {\n refreshOnStart: boolean;\n refreshOnHome: boolean;\n title: string;\n}) => {\n const [isDisabled, setIsDisabled] = useState(false);\n\n const isLoading = usePanelIsLoading();\n const dispatch = usePanelActions();\n\n useImperativeComponentEvents({\n disable(newDisabledValue: boolean) {\n setIsDisabled(newDisabledValue);\n },\n });\n\n return (\n <IconButton\n icon=\"Refresh\"\n variant=\"buttons.icon-outline\"\n className=\"panel__iconButton\"\n size=\"Md\"\n onClick={useCallback(() => {\n void dispatch({ action: 'refresh' });\n }, [dispatch])}\n title={getLabel('lblRefreshPnl', { text: { TOK1: props.title } }).text}\n isLoading={isLoading}\n disabled={isDisabled}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,aAAA,GAAgB,CAAC,KAIxB,KAAA;AACJ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAElD,EAAA,MAAM,YAAY,iBAAkB,EAAA,CAAA;AACpC,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AAEjC,EAA6B,4BAAA,CAAA;AAAA,IAC3B,QAAQ,gBAA2B,EAAA;AACjC,MAAA,aAAA,CAAc,gBAAgB,CAAA,CAAA;AAAA,KAChC;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,SAAA;AAAA,MACL,OAAQ,EAAA,sBAAA;AAAA,MACR,SAAU,EAAA,mBAAA;AAAA,MACV,IAAK,EAAA,IAAA;AAAA,MACL,OAAA,EAAS,YAAY,MAAM;AACzB,QAAA,KAAK,QAAS,CAAA,EAAE,MAAQ,EAAA,SAAA,EAAW,CAAA,CAAA;AAAA,OACrC,EAAG,CAAC,QAAQ,CAAC,CAAA;AAAA,MACb,KAAA,EAAO,QAAS,CAAA,eAAA,EAAiB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,KAAM,CAAA,KAAA,EAAQ,EAAC,CAAE,CAAA,IAAA;AAAA,MAClE,SAAA;AAAA,MACA,QAAU,EAAA,UAAA;AAAA,KAAA;AAAA,GACZ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"RefreshButton.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/RefreshButton.tsx"],"sourcesContent":["import { IconButton } from '@apia/components';\r\nimport { getLabel, useImperativeComponentEvents } from '@apia/util';\r\nimport { useCallback, useState } from 'react';\r\nimport { usePanelActions, usePanelIsLoading } from '../../../actions';\r\n\r\nexport const RefreshButton = (props: {\r\n refreshOnStart: boolean;\r\n refreshOnHome: boolean;\r\n title: string;\r\n}) => {\r\n const [isDisabled, setIsDisabled] = useState(false);\r\n\r\n const isLoading = usePanelIsLoading();\r\n const dispatch = usePanelActions();\r\n\r\n useImperativeComponentEvents({\r\n disable(newDisabledValue: boolean) {\r\n setIsDisabled(newDisabledValue);\r\n },\r\n });\r\n\r\n return (\r\n <IconButton\r\n icon=\"Refresh\"\r\n variant=\"buttons.icon-outline\"\r\n className=\"panel__iconButton\"\r\n size=\"Md\"\r\n onClick={useCallback(() => {\r\n void dispatch({ action: 'refresh' });\r\n }, [dispatch])}\r\n title={getLabel('lblRefreshPnl', { text: { TOK1: props.title } }).text}\r\n isLoading={isLoading}\r\n disabled={isDisabled}\r\n />\r\n );\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,aAAA,GAAgB,CAAC,KAIxB,KAAA;AACJ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAElD,EAAA,MAAM,YAAY,iBAAkB,EAAA,CAAA;AACpC,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AAEjC,EAA6B,4BAAA,CAAA;AAAA,IAC3B,QAAQ,gBAA2B,EAAA;AACjC,MAAA,aAAA,CAAc,gBAAgB,CAAA,CAAA;AAAA,KAChC;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,SAAA;AAAA,MACL,OAAQ,EAAA,sBAAA;AAAA,MACR,SAAU,EAAA,mBAAA;AAAA,MACV,IAAK,EAAA,IAAA;AAAA,MACL,OAAA,EAAS,YAAY,MAAM;AACzB,QAAA,KAAK,QAAS,CAAA,EAAE,MAAQ,EAAA,SAAA,EAAW,CAAA,CAAA;AAAA,OACrC,EAAG,CAAC,QAAQ,CAAC,CAAA;AAAA,MACb,KAAA,EAAO,QAAS,CAAA,eAAA,EAAiB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,KAAM,CAAA,KAAA,EAAQ,EAAC,CAAE,CAAA,IAAA;AAAA,MAClE,SAAA;AAAA,MACA,QAAU,EAAA,UAAA;AAAA,KAAA;AAAA,GACZ,CAAA;AAEJ;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/SettingsButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsButton.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/SettingsButton.tsx"],"sourcesContent":["import { IconButton } from '@apia/components';\nimport { getLabel, useImperativeComponentEvents } from '@apia/util';\nimport { useCallback, useState } from 'react';\nimport { usePanelConfig } from '../../../config/usePanelConfig';\nimport { usePanelActions } from '../../../actions';\nimport { panelButtonsActions } from './PanelButtons';\nimport { usePanelIdentity } from '../../../common';\n\nexport const SettingsButton = (props: { title: string }) => {\n const { panelId } = usePanelIdentity();\n const configure = usePanelConfig();\n\n const [isDisabled, setIsDisabled] = useState(false);\n useImperativeComponentEvents({\n disable(newDisabledValue: boolean) {\n setIsDisabled(newDisabledValue);\n },\n });\n\n usePanelActions({\n refresh() {\n panelButtonsActions(panelId, 'disable', false);\n },\n });\n\n const openSettings = useCallback(() => {\n try {\n configure();\n } catch (e) {}\n }, [configure]);\n\n return (\n <IconButton\n icon=\"Settings\"\n size=\"Md\"\n variant=\"buttons.icon-outline\"\n className=\"panel__iconButton\"\n onClick={openSettings}\n title={getLabel('lblOpenPnlConf', { text: { TOK1: props.title } }).text}\n disabled={isDisabled}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAQa,MAAA,cAAA,GAAiB,CAAC,KAA6B,KAAA;AAC1D,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACrC,EAAA,MAAM,YAAY,cAAe,EAAA,CAAA;AAEjC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAClD,EAA6B,4BAAA,CAAA;AAAA,IAC3B,QAAQ,gBAA2B,EAAA;AACjC,MAAA,aAAA,CAAc,gBAAgB,CAAA,CAAA;AAAA,KAChC;AAAA,GACD,CAAA,CAAA;AAED,EAAgB,eAAA,CAAA;AAAA,IACd,OAAU,GAAA;AACR,MAAoB,mBAAA,CAAA,OAAA,EAAS,WAAW,KAAK,CAAA,CAAA;AAAA,KAC/C;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACrC,IAAI,IAAA;AACF,MAAU,SAAA,EAAA,CAAA;AAAA,aACH,CAAG,EAAA;AAAA,KAAC;AAAA,GACf,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,UAAA;AAAA,MACL,IAAK,EAAA,IAAA;AAAA,MACL,OAAQ,EAAA,sBAAA;AAAA,MACR,SAAU,EAAA,mBAAA;AAAA,MACV,OAAS,EAAA,YAAA;AAAA,MACT,KAAA,EAAO,QAAS,CAAA,gBAAA,EAAkB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,KAAM,CAAA,KAAA,EAAQ,EAAC,CAAE,CAAA,IAAA;AAAA,MACnE,QAAU,EAAA,UAAA;AAAA,KAAA;AAAA,GACZ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"SettingsButton.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/SettingsButton.tsx"],"sourcesContent":["import { IconButton } from '@apia/components';\r\nimport { getLabel, useImperativeComponentEvents } from '@apia/util';\r\nimport { useCallback, useState } from 'react';\r\nimport { usePanelConfig } from '../../../config/usePanelConfig';\r\nimport { usePanelActions } from '../../../actions';\r\nimport { panelButtonsActions } from './PanelButtons';\r\nimport { usePanelIdentity } from '../../../common';\r\n\r\nexport const SettingsButton = (props: { title: string }) => {\r\n const { panelId } = usePanelIdentity();\r\n const configure = usePanelConfig();\r\n\r\n const [isDisabled, setIsDisabled] = useState(false);\r\n useImperativeComponentEvents({\r\n disable(newDisabledValue: boolean) {\r\n setIsDisabled(newDisabledValue);\r\n },\r\n });\r\n\r\n usePanelActions({\r\n refresh() {\r\n panelButtonsActions(panelId, 'disable', false);\r\n },\r\n });\r\n\r\n const openSettings = useCallback(() => {\r\n try {\r\n configure();\r\n } catch (e) {}\r\n }, [configure]);\r\n\r\n return (\r\n <IconButton\r\n icon=\"Settings\"\r\n size=\"Md\"\r\n variant=\"buttons.icon-outline\"\r\n className=\"panel__iconButton\"\r\n onClick={openSettings}\r\n title={getLabel('lblOpenPnlConf', { text: { TOK1: props.title } }).text}\r\n disabled={isDisabled}\r\n />\r\n );\r\n};\r\n"],"names":[],"mappings":";;;;;;;;;AAQa,MAAA,cAAA,GAAiB,CAAC,KAA6B,KAAA;AAC1D,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACrC,EAAA,MAAM,YAAY,cAAe,EAAA,CAAA;AAEjC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAClD,EAA6B,4BAAA,CAAA;AAAA,IAC3B,QAAQ,gBAA2B,EAAA;AACjC,MAAA,aAAA,CAAc,gBAAgB,CAAA,CAAA;AAAA,KAChC;AAAA,GACD,CAAA,CAAA;AAED,EAAgB,eAAA,CAAA;AAAA,IACd,OAAU,GAAA;AACR,MAAoB,mBAAA,CAAA,OAAA,EAAS,WAAW,KAAK,CAAA,CAAA;AAAA,KAC/C;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACrC,IAAI,IAAA;AACF,MAAU,SAAA,EAAA,CAAA;AAAA,aACH,CAAG,EAAA;AAAA,KAAC;AAAA,GACf,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,UAAA;AAAA,MACL,IAAK,EAAA,IAAA;AAAA,MACL,OAAQ,EAAA,sBAAA;AAAA,MACR,SAAU,EAAA,mBAAA;AAAA,MACV,OAAS,EAAA,YAAA;AAAA,MACT,KAAA,EAAO,QAAS,CAAA,gBAAA,EAAkB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,KAAM,CAAA,KAAA,EAAQ,EAAC,CAAE,CAAA,IAAA;AAAA,MACnE,QAAU,EAAA,UAAA;AAAA,KAAA;AAAA,GACZ,CAAA;AAEJ;;;;"}

package/dist/splash/panels/DefaultPanelWrapper/defaultPanelWrapperStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaultPanelWrapperStyles.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/defaultPanelWrapperStyles.ts"],"sourcesContent":["import {\n responsive,\n spacing,\n ThemeUICSSObject,\n getSpacingLayouts,\n} from '@apia/theme';\n\nexport const defaultPanelWrapperStyles: ThemeUICSSObject = {\n pb: spacing(6),\n\n '&:last-child': {\n pb: 0,\n },\n '.panel__container': {\n background: 'palette.background.paper',\n border: '1px solid',\n borderColor: 'palette.gray.800',\n display: 'flex',\n flexDirection: 'column',\n borderRadius: 'panel',\n boxShadow: 'panel',\n },\n\n '.panel__header': {\n alignItems: 'center',\n cursor: 'grab',\n display: 'flex',\n flexWrap: 'nowrap',\n fontWeight: 'bold',\n justifyContent: 'space-between',\n maxWidth: '100%',\n overflow: 'hidden',\n backgroundColor: 'palette.secondary.light',\n borderBottomRightRadius: '0px !important',\n borderBottomLeftRadius: '0px !important',\n pl: 4,\n py: 4,\n\n borderRadius: 'panel',\n\n '.panel__header__left': {\n alignItems: 'center',\n display: 'flex',\n gap: 2,\n\n svg: {\n color: 'palette.error.dark',\n },\n },\n\n '& > *': {\n flexShrink: 0,\n },\n\n '.panel__header__buttons': {\n alignSelf: 'end',\n display: 'flex',\n flexGrow: 1,\n fontWeight: 'normal',\n gap: 2,\n justifyContent: 'end',\n right: 0,\n background: 'transparent',\n pr: 3,\n opacity: responsive({ 0: 1, 3: 0 }),\n alignItems: 'center',\n pl: 3,\n height: '24px',\n button: {\n width: '30px',\n height: '30px',\n },\n },\n },\n\n '.panel__content': {\n ...getSpacingLayouts(),\n },\n\n '.panel__container:hover, .panel__container:focus, .panel__container:focus-within, .panel__container.isLoading':\n {\n '.panel__header__buttons, .lastUpdate__wrapper': {\n opacity: responsive({ 0: 1 }),\n },\n },\n\n '.panel__footer': {\n display: 'flex',\n justifyContent: 'space-between',\n gap: spacing(3),\n background: 'palette.secondary.light',\n px: 4,\n py: 3,\n color: 'palette.text.primary',\n borderRadius: 'panel',\n borderTopRightRadius: '0px',\n borderTopLeftRadius: '0px',\n overflow: 'hidden',\n alignItems: 'center',\n },\n\n '.panel__iconButton, .lastUpdate__wrapper': {\n transition: 'opacity 300ms',\n },\n\n '.lastUpdate__wrapper': {\n fontSize: 14,\n opacity: 0,\n flexShrink: 0,\n },\n\n '.panel__footer__text': {\n overflow: 'hidden',\n flexShrink: 1,\n },\n\n 'span.panel__title': {\n flexShrink: '1 !important',\n },\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"defaultPanelWrapperStyles.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/defaultPanelWrapperStyles.ts"],"sourcesContent":["import {\r\n responsive,\r\n spacing,\r\n ThemeUICSSObject,\r\n getSpacingLayouts,\r\n} from '@apia/theme';\r\n\r\nexport const defaultPanelWrapperStyles: ThemeUICSSObject = {\r\n pb: spacing(6),\r\n\r\n '&:last-child': {\r\n pb: 0,\r\n },\r\n '.panel__container': {\r\n background: 'palette.background.paper',\r\n border: '1px solid',\r\n borderColor: 'palette.gray.800',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n borderRadius: 'panel',\r\n boxShadow: 'panel',\r\n },\r\n\r\n '.panel__header': {\r\n alignItems: 'center',\r\n cursor: 'grab',\r\n display: 'flex',\r\n flexWrap: 'nowrap',\r\n fontWeight: 'bold',\r\n justifyContent: 'space-between',\r\n maxWidth: '100%',\r\n overflow: 'hidden',\r\n backgroundColor: 'palette.secondary.light',\r\n borderBottomRightRadius: '0px !important',\r\n borderBottomLeftRadius: '0px !important',\r\n pl: 4,\r\n py: 4,\r\n\r\n borderRadius: 'panel',\r\n\r\n '.panel__header__left': {\r\n alignItems: 'center',\r\n display: 'flex',\r\n gap: 2,\r\n\r\n svg: {\r\n color: 'palette.error.dark',\r\n },\r\n },\r\n\r\n '& > *': {\r\n flexShrink: 0,\r\n },\r\n\r\n '.panel__header__buttons': {\r\n alignSelf: 'end',\r\n display: 'flex',\r\n flexGrow: 1,\r\n fontWeight: 'normal',\r\n gap: 2,\r\n justifyContent: 'end',\r\n right: 0,\r\n background: 'transparent',\r\n pr: 3,\r\n opacity: responsive({ 0: 1, 3: 0 }),\r\n alignItems: 'center',\r\n pl: 3,\r\n height: '24px',\r\n button: {\r\n width: '30px',\r\n height: '30px',\r\n },\r\n },\r\n },\r\n\r\n '.panel__content': {\r\n ...getSpacingLayouts(),\r\n },\r\n\r\n '.panel__container:hover, .panel__container:focus, .panel__container:focus-within, .panel__container.isLoading':\r\n {\r\n '.panel__header__buttons, .lastUpdate__wrapper': {\r\n opacity: responsive({ 0: 1 }),\r\n },\r\n },\r\n\r\n '.panel__footer': {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n gap: spacing(3),\r\n background: 'palette.secondary.light',\r\n px: 4,\r\n py: 3,\r\n color: 'palette.text.primary',\r\n borderRadius: 'panel',\r\n borderTopRightRadius: '0px',\r\n borderTopLeftRadius: '0px',\r\n overflow: 'hidden',\r\n alignItems: 'center',\r\n },\r\n\r\n '.panel__iconButton, .lastUpdate__wrapper': {\r\n transition: 'opacity 300ms',\r\n },\r\n\r\n '.lastUpdate__wrapper': {\r\n fontSize: 14,\r\n opacity: 0,\r\n flexShrink: 0,\r\n },\r\n\r\n '.panel__footer__text': {\r\n overflow: 'hidden',\r\n flexShrink: 1,\r\n },\r\n\r\n 'span.panel__title': {\r\n flexShrink: '1 !important',\r\n },\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/splash/panels/DefaultPanelWrapper/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/index.tsx"],"sourcesContent":["import { makeStyledComponent } from '@apia/theme';\nimport { PanelContainer } from '../../../types';\nimport { defaultPanelWrapperStyles } from './defaultPanelWrapperStyles';\nimport { usePanelIdentity } from '../../../common';\nimport { NetworkState } from './NetworkState';\nimport { PanelButtons } from './PanelButtons';\nimport { usePanelIsLoading } from '../../../actions';\nimport { PanelContextProvider, useMakePanelContext } from '../PanelContext';\nimport { PanelFooter } from '../PanelContext/PanelFooter';\nimport { usePanelTitleDescription } from '../../../panelsUtil/usePanelTitleAction';\n\nexport const DefaultPanelWrapper: PanelContainer = makeStyledComponent(\n 'DefaultPanelWrapper',\n 'layout.common.dashboards.panel',\n defaultPanelWrapperStyles,\n ({ children, ...props }) => {\n const { panelId, panelName, panelType } = usePanelIdentity();\n\n const { contextValue, title, ref, ...footerProps } = useMakePanelContext(\n panelId,\n props,\n );\n\n const panelTitleDescription = usePanelTitleDescription();\n\n const showHeader =\n props.showTitle \|\| props.isConfigurable \|\| props.isRefreshable;\n const isLoading = usePanelIsLoading();\n return (\n <PanelContextProvider value={contextValue}>\n <div\n ref={ref}\n className={`panel__container ${isLoading ? 'isLoading' : ''}`}\n data-panelname={panelName}\n data-paneltype={panelType}\n data-panelid={panelId}\n >\n {showHeader && (\n <div draggable={props.canMove} className={`panel__header`}>\n <div className=\"panel__header__left\">\n {props.showTitle && (\n <span\n className=\"panel__title\"\n title={panelTitleDescription ?? title}\n >\n {title}\n </span>\n )}\n <NetworkState title={title} />\n </div>\n <div className={`panel__header__buttons`}>\n <PanelButtons {...props} id={panelId} />\n </div>\n </div>\n )}\n <div className=\"panel__content\">{children}</div>\n <PanelFooter isRefreshable={props.isRefreshable} {...footerProps} />\n </div>\n </PanelContextProvider>\n );\n },\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,mBAAsC,GAAA,mBAAA;AAAA,EACjD,qBAAA;AAAA,EACA,gCAAA;AAAA,EACA,yBAAA;AAAA,EACA,CAAC,EAAE,QAAU,EAAA,GAAG,OAAY,KAAA;AAC1B,IAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,SAAA,KAAc,gBAAiB,EAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,YAAc,EAAA,KAAA,EAAO,GAAK,EAAA,GAAG,aAAgB,GAAA,mBAAA;AAAA,MACnD,OAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,wBAAwB,wBAAyB,EAAA,CAAA;AAEvD,IAAA,MAAM,UACJ,GAAA,KAAA,CAAM,SAAa,IAAA,KAAA,CAAM,kBAAkB,KAAM,CAAA,aAAA,CAAA;AACnD,IAAA,MAAM,YAAY,iBAAkB,EAAA,CAAA;AACpC,IACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,CAAA,iBAAA,EAAoB,SAAY,GAAA,WAAA,GAAc,EAAE,CAAA,CAAA;AAAA,QAC3D,gBAAgB,EAAA,SAAA;AAAA,QAChB,gBAAgB,EAAA,SAAA;AAAA,QAChB,cAAc,EAAA,OAAA;AAAA,QAEb,QAAA,EAAA;AAAA,UAAA,UAAA,yBACE,KAAI,EAAA,EAAA,SAAA,EAAW,KAAM,CAAA,OAAA,EAAS,WAAW,CACxC,aAAA,CAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,qBACZ,EAAA,QAAA,EAAA;AAAA,cAAA,KAAA,CAAM,SACL,oBAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAU,EAAA,cAAA;AAAA,kBACV,OAAO,qBAAyB,IAAA,KAAA;AAAA,kBAE/B,QAAA,EAAA,KAAA;AAAA,iBAAA;AAAA,eACH;AAAA,8BAEF,GAAA,CAAC,gBAAa,KAAc,EAAA,CAAA;AAAA,aAC9B,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CACd,sBAAA,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAc,GAAG,KAAA,EAAO,EAAI,EAAA,OAAA,EAAS,CACxC,EAAA,CAAA;AAAA,WACF,EAAA,CAAA;AAAA,0BAED,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gBAAA,EAAkB,QAAS,EAAA,CAAA;AAAA,8BACzC,WAAY,EAAA,EAAA,aAAA,EAAe,KAAM,CAAA,aAAA,EAAgB,GAAG,WAAa,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAEtE,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/splash/panels/DefaultPanelWrapper/index.tsx"],"sourcesContent":["import { makeStyledComponent } from '@apia/theme';\r\nimport { PanelContainer } from '../../../types';\r\nimport { defaultPanelWrapperStyles } from './defaultPanelWrapperStyles';\r\nimport { usePanelIdentity } from '../../../common';\r\nimport { NetworkState } from './NetworkState';\r\nimport { PanelButtons } from './PanelButtons';\r\nimport { usePanelIsLoading } from '../../../actions';\r\nimport { PanelContextProvider, useMakePanelContext } from '../PanelContext';\r\nimport { PanelFooter } from '../PanelContext/PanelFooter';\r\nimport { usePanelTitleDescription } from '../../../panelsUtil/usePanelTitleAction';\r\n\r\nexport const DefaultPanelWrapper: PanelContainer = makeStyledComponent(\r\n 'DefaultPanelWrapper',\r\n 'layout.common.dashboards.panel',\r\n defaultPanelWrapperStyles,\r\n ({ children, ...props }) => {\r\n const { panelId, panelName, panelType } = usePanelIdentity();\r\n\r\n const { contextValue, title, ref, ...footerProps } = useMakePanelContext(\r\n panelId,\r\n props,\r\n );\r\n\r\n const panelTitleDescription = usePanelTitleDescription();\r\n\r\n const showHeader =\r\n props.showTitle \|\| props.isConfigurable \|\| props.isRefreshable;\r\n const isLoading = usePanelIsLoading();\r\n return (\r\n <PanelContextProvider value={contextValue}>\r\n <div\r\n ref={ref}\r\n className={`panel__container ${isLoading ? 'isLoading' : ''}`}\r\n data-panelname={panelName}\r\n data-paneltype={panelType}\r\n data-panelid={panelId}\r\n >\r\n {showHeader && (\r\n <div draggable={props.canMove} className={`panel__header`}>\r\n <div className=\"panel__header__left\">\r\n {props.showTitle && (\r\n <span\r\n className=\"panel__title\"\r\n title={panelTitleDescription ?? title}\r\n >\r\n {title}\r\n </span>\r\n )}\r\n <NetworkState title={title} />\r\n </div>\r\n <div className={`panel__header__buttons`}>\r\n <PanelButtons {...props} id={panelId} />\r\n </div>\r\n </div>\r\n )}\r\n <div className=\"panel__content\">{children}</div>\r\n <PanelFooter isRefreshable={props.isRefreshable} {...footerProps} />\r\n </div>\r\n </PanelContextProvider>\r\n );\r\n },\r\n);\r\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,mBAAsC,GAAA,mBAAA;AAAA,EACjD,qBAAA;AAAA,EACA,gCAAA;AAAA,EACA,yBAAA;AAAA,EACA,CAAC,EAAE,QAAU,EAAA,GAAG,OAAY,KAAA;AAC1B,IAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,SAAA,KAAc,gBAAiB,EAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,YAAc,EAAA,KAAA,EAAO,GAAK,EAAA,GAAG,aAAgB,GAAA,mBAAA;AAAA,MACnD,OAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,wBAAwB,wBAAyB,EAAA,CAAA;AAEvD,IAAA,MAAM,UACJ,GAAA,KAAA,CAAM,SAAa,IAAA,KAAA,CAAM,kBAAkB,KAAM,CAAA,aAAA,CAAA;AACnD,IAAA,MAAM,YAAY,iBAAkB,EAAA,CAAA;AACpC,IACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,CAAA,iBAAA,EAAoB,SAAY,GAAA,WAAA,GAAc,EAAE,CAAA,CAAA;AAAA,QAC3D,gBAAgB,EAAA,SAAA;AAAA,QAChB,gBAAgB,EAAA,SAAA;AAAA,QAChB,cAAc,EAAA,OAAA;AAAA,QAEb,QAAA,EAAA;AAAA,UAAA,UAAA,yBACE,KAAI,EAAA,EAAA,SAAA,EAAW,KAAM,CAAA,OAAA,EAAS,WAAW,CACxC,aAAA,CAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,qBACZ,EAAA,QAAA,EAAA;AAAA,cAAA,KAAA,CAAM,SACL,oBAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAU,EAAA,cAAA;AAAA,kBACV,OAAO,qBAAyB,IAAA,KAAA;AAAA,kBAE/B,QAAA,EAAA,KAAA;AAAA,iBAAA;AAAA,eACH;AAAA,8BAEF,GAAA,CAAC,gBAAa,KAAc,EAAA,CAAA;AAAA,aAC9B,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CACd,sBAAA,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAc,GAAG,KAAA,EAAO,EAAI,EAAA,OAAA,EAAS,CACxC,EAAA,CAAA;AAAA,WACF,EAAA,CAAA;AAAA,0BAED,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gBAAA,EAAkB,QAAS,EAAA,CAAA;AAAA,8BACzC,WAAY,EAAA,EAAA,aAAA,EAAe,KAAM,CAAA,aAAA,EAAgB,GAAG,WAAa,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAEtE,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/splash/panels/LandingPagePanelWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LandingPagePanelWrapper.js","sources":["../../../src/splash/panels/LandingPagePanelWrapper.tsx"],"sourcesContent":["import { PanelContainer } from '../../types';\nimport { NetworkState } from './DefaultPanelWrapper/NetworkState';\nimport { usePanelIdentity } from '../../common';\nimport { PanelContextProvider, useMakePanelContext } from './PanelContext';\nimport { PanelFooter } from './PanelContext/PanelFooter';\nimport {\n usePanelTitleAction,\n usePanelTitleDescription,\n} from '../../panelsUtil/usePanelTitleAction';\nimport { useDashboardContext } from '../../dashboard/DashboardContext';\n\nexport const LandingPagePanelWrapper: PanelContainer = ({\n children,\n ...props\n}) => {\n const { panelId, panelName, panelType } = usePanelIdentity();\n\n const { contextValue, title, ref, ...footerProps } = useMakePanelContext(\n panelId,\n props,\n );\n\n const panelTitleAction = usePanelTitleAction();\n const panelTitleDescription = usePanelTitleDescription();\n\n const dashboard = useDashboardContext();\n\n if (dashboard.getPanel(panelId).props.hasRss)\n console.log(dashboard.getPanel(panelId).props);\n\n return (\n <PanelContextProvider value={contextValue}>\n <div\n className=\"panel__container\"\n data-panelname={panelName}\n data-paneltype={panelType}\n data-panelid={panelId}\n ref={ref}\n >\n <div className=\"panel__header\">\n <div className=\"panel__header__left\">\n {props.showTitle && (\n <span className=\"panel__title\">\n {panelTitleAction ? (\n <a\n title={panelTitleDescription}\n className=\"panel__title__link\"\n href={panelTitleAction}\n >\n {title}\n </a>\n ) : (\n title\n )}\n </span>\n )}\n <NetworkState title={title} />\n </div>\n </div>\n <div className=\"panel__content\">{children}</div>\n <PanelFooter isRefreshable={false} {...footerProps} />\n </div>\n </PanelContextProvider>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,0BAA0C,CAAC;AAAA,EACtD,QAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,SAAA,KAAc,gBAAiB,EAAA,CAAA;AAE3D,EAAA,MAAM,EAAE,YAAc,EAAA,KAAA,EAAO,GAAK,EAAA,GAAG,aAAgB,GAAA,mBAAA;AAAA,IACnD,OAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,mBAAmB,mBAAoB,EAAA,CAAA;AAC7C,EAAA,MAAM,wBAAwB,wBAAyB,EAAA,CAAA;AAEvD,EAAA,MAAM,YAAY,mBAAoB,EAAA,CAAA;AAEtC,EAAA,IAAI,SAAU,CAAA,QAAA,CAAS,OAAO,CAAA,CAAE,KAAM,CAAA,MAAA;AACpC,IAAA,OAAA,CAAQ,GAAI,CAAA,SAAA,CAAU,QAAS,CAAA,OAAO,EAAE,KAAK,CAAA,CAAA;AAE/C,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,kBAAA;AAAA,MACV,gBAAgB,EAAA,SAAA;AAAA,MAChB,gBAAgB,EAAA,SAAA;AAAA,MAChB,cAAc,EAAA,OAAA;AAAA,MACd,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAU,EAAA,eAAA,EACb,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,qBACZ,EAAA,QAAA,EAAA;AAAA,UAAA,KAAA,CAAM,SACL,oBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,gBACb,QACC,EAAA,gBAAA,mBAAA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,qBAAA;AAAA,cACP,SAAU,EAAA,oBAAA;AAAA,cACV,IAAM,EAAA,gBAAA;AAAA,cAEL,QAAA,EAAA,KAAA;AAAA,aAAA;AAAA,cAGH,KAEJ,EAAA,CAAA;AAAA,0BAEF,GAAA,CAAC,gBAAa,KAAc,EAAA,CAAA;AAAA,SAAA,EAC9B,CACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gBAAA,EAAkB,QAAS,EAAA,CAAA;AAAA,wBACzC,GAAA,CAAA,WAAA,EAAA,EAAY,aAAe,EAAA,KAAA,EAAQ,GAAG,WAAa,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAExD,EAAA,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"LandingPagePanelWrapper.js","sources":["../../../src/splash/panels/LandingPagePanelWrapper.tsx"],"sourcesContent":["import { PanelContainer } from '../../types';\r\nimport { NetworkState } from './DefaultPanelWrapper/NetworkState';\r\nimport { usePanelIdentity } from '../../common';\r\nimport { PanelContextProvider, useMakePanelContext } from './PanelContext';\r\nimport { PanelFooter } from './PanelContext/PanelFooter';\r\nimport {\r\n usePanelTitleAction,\r\n usePanelTitleDescription,\r\n} from '../../panelsUtil/usePanelTitleAction';\r\nimport { useDashboardContext } from '../../dashboard/DashboardContext';\r\n\r\nexport const LandingPagePanelWrapper: PanelContainer = ({\r\n children,\r\n ...props\r\n}) => {\r\n const { panelId, panelName, panelType } = usePanelIdentity();\r\n\r\n const { contextValue, title, ref, ...footerProps } = useMakePanelContext(\r\n panelId,\r\n props,\r\n );\r\n\r\n const panelTitleAction = usePanelTitleAction();\r\n const panelTitleDescription = usePanelTitleDescription();\r\n\r\n const dashboard = useDashboardContext();\r\n\r\n if (dashboard.getPanel(panelId).props.hasRss)\r\n console.log(dashboard.getPanel(panelId).props);\r\n\r\n return (\r\n <PanelContextProvider value={contextValue}>\r\n <div\r\n className=\"panel__container\"\r\n data-panelname={panelName}\r\n data-paneltype={panelType}\r\n data-panelid={panelId}\r\n ref={ref}\r\n >\r\n <div className=\"panel__header\">\r\n <div className=\"panel__header__left\">\r\n {props.showTitle && (\r\n <span className=\"panel__title\">\r\n {panelTitleAction ? (\r\n <a\r\n title={panelTitleDescription}\r\n className=\"panel__title__link\"\r\n href={panelTitleAction}\r\n >\r\n {title}\r\n </a>\r\n ) : (\r\n title\r\n )}\r\n </span>\r\n )}\r\n <NetworkState title={title} />\r\n </div>\r\n </div>\r\n <div className=\"panel__content\">{children}</div>\r\n <PanelFooter isRefreshable={false} {...footerProps} />\r\n </div>\r\n </PanelContextProvider>\r\n );\r\n};\r\n"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,0BAA0C,CAAC;AAAA,EACtD,QAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,SAAA,KAAc,gBAAiB,EAAA,CAAA;AAE3D,EAAA,MAAM,EAAE,YAAc,EAAA,KAAA,EAAO,GAAK,EAAA,GAAG,aAAgB,GAAA,mBAAA;AAAA,IACnD,OAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,mBAAmB,mBAAoB,EAAA,CAAA;AAC7C,EAAA,MAAM,wBAAwB,wBAAyB,EAAA,CAAA;AAEvD,EAAA,MAAM,YAAY,mBAAoB,EAAA,CAAA;AAEtC,EAAA,IAAI,SAAU,CAAA,QAAA,CAAS,OAAO,CAAA,CAAE,KAAM,CAAA,MAAA;AACpC,IAAA,OAAA,CAAQ,GAAI,CAAA,SAAA,CAAU,QAAS,CAAA,OAAO,EAAE,KAAK,CAAA,CAAA;AAE/C,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,kBAAA;AAAA,MACV,gBAAgB,EAAA,SAAA;AAAA,MAChB,gBAAgB,EAAA,SAAA;AAAA,MAChB,cAAc,EAAA,OAAA;AAAA,MACd,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAU,EAAA,eAAA,EACb,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,qBACZ,EAAA,QAAA,EAAA;AAAA,UAAA,KAAA,CAAM,SACL,oBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,gBACb,QACC,EAAA,gBAAA,mBAAA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,qBAAA;AAAA,cACP,SAAU,EAAA,oBAAA;AAAA,cACV,IAAM,EAAA,gBAAA;AAAA,cAEL,QAAA,EAAA,KAAA;AAAA,aAAA;AAAA,cAGH,KAEJ,EAAA,CAAA;AAAA,0BAEF,GAAA,CAAC,gBAAa,KAAc,EAAA,CAAA;AAAA,SAAA,EAC9B,CACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gBAAA,EAAkB,QAAS,EAAA,CAAA;AAAA,wBACzC,GAAA,CAAA,WAAA,EAAA,EAAY,aAAe,EAAA,KAAA,EAAQ,GAAG,WAAa,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAExD,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/splash/panels/PanelContext/PanelFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PanelFooter.js","sources":["../../../../src/splash/panels/PanelContext/PanelFooter.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { usePanelActions } from '../../../actions';\nimport { TUsePanelFooter } from './usePanelFooter';\nimport { AutoEllipsis, SimpleButton } from '@apia/components';\nimport { Box } from '@apia/theme';\n\nexport const PanelFooter = ({\n isRefreshable,\n footer,\n handleFooterClick,\n}: TUsePanelFooter & { isRefreshable: boolean }) => {\n const [lastUpdate, setLastUpdate] = useState<number>(0);\n\n usePanelActions({\n refresh() {\n setLastUpdate(Date.now());\n },\n });\n\n return (\n <>\n {(isRefreshable \|\| footer) && (\n <div className=\"panel__footer\">\n {footer &&\n (!footer.action \|\| footer.actionBehavior === 'DO_NOTHING') && (\n <div className=\"panel__footer__text\">\n <AutoEllipsis\n overrideStyles={(el) => {\n const styles = window.getComputedStyle(\n el.closest('.panel__footer') as HTMLElement,\n );\n const width = Number.parseInt(styles.width, 10);\n const padding =\n Number.parseInt(styles.paddingLeft, 10) +\n Number.parseInt(styles.paddingRight, 10);\n return {\n width: `${width - padding}px`,\n };\n }}\n >\n {footer.text}\n </AutoEllipsis>\n </div>\n )}\n {footer?.action && footer.actionBehavior !== 'DO_NOTHING' && (\n <SimpleButton\n onClick={handleFooterClick}\n onDoubleClick={handleFooterClick}\n variant=\"link\"\n className=\"panel__footer__text\"\n >\n <AutoEllipsis\n overrideStyles={(el) => {\n const styles = window.getComputedStyle(\n el.closest('.panel__footer') as HTMLElement,\n );\n const width = Number.parseInt(styles.width, 10);\n const padding =\n Number.parseInt(styles.paddingLeft, 10) +\n Number.parseInt(styles.paddingRight, 10);\n return {\n width: `${width - padding}px`,\n };\n }}\n >\n {footer.text}\n </AutoEllipsis>\n </SimpleButton>\n )}\n {!footer && <div></div>}\n {lastUpdate > 0 && (\n <Box className=\"lastUpdate__wrapper\">\n {new Date(lastUpdate).toLocaleDateString()}{' '}\n {new Date(lastUpdate).toLocaleTimeString()}\n </Box>\n )}\n </div>\n )}\n </>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PanelFooter.js","sources":["../../../../src/splash/panels/PanelContext/PanelFooter.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { usePanelActions } from '../../../actions';\r\nimport { TUsePanelFooter } from './usePanelFooter';\r\nimport { AutoEllipsis, SimpleButton } from '@apia/components';\r\nimport { Box } from '@apia/theme';\r\n\r\nexport const PanelFooter = ({\r\n isRefreshable,\r\n footer,\r\n handleFooterClick,\r\n}: TUsePanelFooter & { isRefreshable: boolean }) => {\r\n const [lastUpdate, setLastUpdate] = useState<number>(0);\r\n\r\n usePanelActions({\r\n refresh() {\r\n setLastUpdate(Date.now());\r\n },\r\n });\r\n\r\n return (\r\n <>\r\n {(isRefreshable \|\| footer) && (\r\n <div className=\"panel__footer\">\r\n {footer &&\r\n (!footer.action \|\| footer.actionBehavior === 'DO_NOTHING') && (\r\n <div className=\"panel__footer__text\">\r\n <AutoEllipsis\r\n overrideStyles={(el) => {\r\n const styles = window.getComputedStyle(\r\n el.closest('.panel__footer') as HTMLElement,\r\n );\r\n const width = Number.parseInt(styles.width, 10);\r\n const padding =\r\n Number.parseInt(styles.paddingLeft, 10) +\r\n Number.parseInt(styles.paddingRight, 10);\r\n return {\r\n width: `${width - padding}px`,\r\n };\r\n }}\r\n >\r\n {footer.text}\r\n </AutoEllipsis>\r\n </div>\r\n )}\r\n {footer?.action && footer.actionBehavior !== 'DO_NOTHING' && (\r\n <SimpleButton\r\n onClick={handleFooterClick}\r\n onDoubleClick={handleFooterClick}\r\n variant=\"link\"\r\n className=\"panel__footer__text\"\r\n >\r\n <AutoEllipsis\r\n overrideStyles={(el) => {\r\n const styles = window.getComputedStyle(\r\n el.closest('.panel__footer') as HTMLElement,\r\n );\r\n const width = Number.parseInt(styles.width, 10);\r\n const padding =\r\n Number.parseInt(styles.paddingLeft, 10) +\r\n Number.parseInt(styles.paddingRight, 10);\r\n return {\r\n width: `${width - padding}px`,\r\n };\r\n }}\r\n >\r\n {footer.text}\r\n </AutoEllipsis>\r\n </SimpleButton>\r\n )}\r\n {!footer && <div></div>}\r\n {lastUpdate > 0 && (\r\n <Box className=\"lastUpdate__wrapper\">\r\n {new Date(lastUpdate).toLocaleDateString()}{' '}\r\n {new Date(lastUpdate).toLocaleTimeString()}\r\n </Box>\r\n )}\r\n </div>\r\n )}\r\n </>\r\n );\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/splash/panels/PanelContext/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/splash/panels/PanelContext/index.tsx"],"sourcesContent":["import {\n ReactNode,\n createContext,\n useCallback,\n useContext,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { changePanelTitle } from '../../../panelsUtil';\nimport { TPanelEvent, usePanelOnEvent } from '../../../eventsController';\nimport { TPanelLayout, usePanelContextLayout } from './usePanelContextLayout';\nimport { usePanelFooter } from './usePanelFooter';\nimport { TPanelProps } from '../../../types';\nimport { usePanelActions } from '../../../actions';\nimport { useYieldPanelIsReady } from './useYieldPanelIsReady';\nimport { useDashboardContext } from '../../../dashboard/DashboardContext';\n\nexport const PanelContext = createContext<TPanelContext \| null>(null);\nexport { useYieldPanelIsReady };\n\nexport type TPanelContext = {\n /*\n setLayout es una función que permite decidir en qué formato se muestran\n * los contenidos del panel.\n \n dense: No hay paddings\n * clever: Hay paddings grandes\n /\n setLayout: (newLayout: TPanelLayout) => void;\n setTitle: (newTitle: string) => void;\n panelProps: Omit<TPanelProps, 'children'>;\n /\n Cuando un panel renderiza sus hijos en pantalla, debe setear el ref de\n * modo que se pueda continuar con el flujo normal del panel. Este ref puede\n * estar en cualquier nivel, cuando sea instanciado, se llamará al refresh\n * inicial.\n */\n setRef: (el: HTMLElement \| null) => void;\n};\n\nexport function usePanelContext() {\n const context = useContext(PanelContext);\n if (!context) throw new Error('No panel wrapper context defined');\n return context;\n}\nexport const PanelContextProvider = ({\n children,\n value,\n}: {\n children: ReactNode;\n value: TPanelContext;\n}) => {\n return (\n <PanelContext.Provider value={value}>{children}</PanelContext.Provider>\n );\n};\n\nexport function useMakePanelContext(\n panelId: string,\n panelProps: Omit<TPanelProps, 'children'>,\n) {\n const setTitle = useCallback(\n (newTitle: string) => {\n changePanelTitle(panelId, newTitle);\n },\n [panelId],\n );\n\n const { ref, setLayout } = usePanelContextLayout();\n\n const [title, setTitleState] = useState(panelProps.title);\n usePanelOnEvent(\n { eventType: 'changeTitle', panelId },\n (ev: TPanelEvent<string>) => {\n setTitleState(ev.payload);\n },\n );\n const { footer, handleFooterClick } = usePanelFooter(\n panelId,\n panelProps.initialData,\n );\n\n const dispatch = usePanelActions();\n const hasRefreshedOnStartup = useRef(false);\n const dashboard = useDashboardContext();\n\n const setRef = useCallback(\n (el: HTMLElement \| null) => {\n if (el && !hasRefreshedOnStartup.current) {\n hasRefreshedOnStartup.current = true;\n if (panelProps.refreshOnStart) {\n void dispatch({ action: 'refresh' }).then(() => {\n dashboard.bootstrapper.setPanelHasLoaded(panelId);\n });\n } else {\n dashboard.bootstrapper.setPanelHasLoaded(panelId);\n }\n }\n },\n [dashboard.bootstrapper, dispatch, panelId, panelProps.refreshOnStart],\n );\n\n const contextValue = useMemo<TPanelContext>(\n () => ({\n setTitle,\n setLayout,\n panelProps,\n setRef,\n }),\n [setTitle, setLayout, panelProps, setRef],\n );\n\n return { title, footer, handleFooterClick, contextValue, ref };\n}\n"],"names":[],"mappings":";;;;;;;;;AAkBa,MAAA,YAAA,GAAe,cAAoC,IAAI,EAAA;AAuB7D,SAAS,eAAkB,GAAA;AAChC,EAAM,MAAA,OAAA,GAAU,WAAW,YAAY,CAAA,CAAA;AACvC,EAAA,IAAI,CAAC,OAAA;AAAS,IAAM,MAAA,IAAI,MAAM,kCAAkC,CAAA,CAAA;AAChE,EAAO,OAAA,OAAA,CAAA;AACT,CAAA;AACO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AACF,CAGM,KAAA;AACJ,EAAA,uBACG,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,OAAe,QAAS,EAAA,CAAA,CAAA;AAEnD,EAAA;AAEgB,SAAA,mBAAA,CACd,SACA,UACA,EAAA;AACA,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,QAAqB,KAAA;AACpB,MAAA,gBAAA,CAAiB,SAAS,QAAQ,CAAA,CAAA;AAAA,KACpC;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,EAAE,GAAA,EAAK,SAAU,EAAA,GAAI,qBAAsB,EAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,KAAO,EAAA,aAAa,CAAI,GAAA,QAAA,CAAS,WAAW,KAAK,CAAA,CAAA;AACxD,EAAA,eAAA;AAAA,IACE,EAAE,SAAW,EAAA,aAAA,EAAe,OAAQ,EAAA;AAAA,IACpC,CAAC,EAA4B,KAAA;AAC3B,MAAA,aAAA,CAAc,GAAG,OAAO,CAAA,CAAA;AAAA,KAC1B;AAAA,GACF,CAAA;AACA,EAAM,MAAA,EAAE,MAAQ,EAAA,iBAAA,EAAsB,GAAA,cAAA;AAAA,IACpC,OAAA;AAAA,IACA,UAAW,CAAA,WAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA,CAAA;AAC1C,EAAA,MAAM,YAAY,mBAAoB,EAAA,CAAA;AAEtC,EAAA,MAAM,MAAS,GAAA,WAAA;AAAA,IACb,CAAC,EAA2B,KAAA;AAC1B,MAAI,IAAA,EAAA,IAAM,CAAC,qBAAA,CAAsB,OAAS,EAAA;AACxC,QAAA,qBAAA,CAAsB,OAAU,GAAA,IAAA,CAAA;AAChC,QAAA,IAAI,WAAW,cAAgB,EAAA;AAC7B,UAAA,KAAK,SAAS,EAAE,MAAA,EAAQ,WAAW,CAAA,CAAE,KAAK,MAAM;AAC9C,YAAU,SAAA,CAAA,YAAA,CAAa,kBAAkB,OAAO,CAAA,CAAA;AAAA,WACjD,CAAA,CAAA;AAAA,SACI,MAAA;AACL,UAAU,SAAA,CAAA,YAAA,CAAa,kBAAkB,OAAO,CAAA,CAAA;AAAA,SAClD;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,SAAU,CAAA,YAAA,EAAc,QAAU,EAAA,OAAA,EAAS,WAAW,cAAc,CAAA;AAAA,GACvE,CAAA;AAEA,EAAA,MAAM,YAAe,GAAA,OAAA;AAAA,IACnB,OAAO;AAAA,MACL,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,SAAW,EAAA,UAAA,EAAY,MAAM,CAAA;AAAA,GAC1C,CAAA;AAEA,EAAA,OAAO,EAAE,KAAA,EAAO,MAAQ,EAAA,iBAAA,EAAmB,cAAc,GAAI,EAAA,CAAA;AAC/D;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/splash/panels/PanelContext/index.tsx"],"sourcesContent":["import {\r\n ReactNode,\r\n createContext,\r\n useCallback,\r\n useContext,\r\n useMemo,\r\n useRef,\r\n useState,\r\n} from 'react';\r\nimport { changePanelTitle } from '../../../panelsUtil';\r\nimport { TPanelEvent, usePanelOnEvent } from '../../../eventsController';\r\nimport { TPanelLayout, usePanelContextLayout } from './usePanelContextLayout';\r\nimport { usePanelFooter } from './usePanelFooter';\r\nimport { TPanelProps } from '../../../types';\r\nimport { usePanelActions } from '../../../actions';\r\nimport { useYieldPanelIsReady } from './useYieldPanelIsReady';\r\nimport { useDashboardContext } from '../../../dashboard/DashboardContext';\r\n\r\nexport const PanelContext = createContext<TPanelContext \| null>(null);\r\nexport { useYieldPanelIsReady };\r\n\r\nexport type TPanelContext = {\r\n /*\r\n setLayout es una función que permite decidir en qué formato se muestran\r\n * los contenidos del panel.\r\n \r\n dense: No hay paddings\r\n * clever: Hay paddings grandes\r\n /\r\n setLayout: (newLayout: TPanelLayout) => void;\r\n setTitle: (newTitle: string) => void;\r\n panelProps: Omit<TPanelProps, 'children'>;\r\n /\r\n Cuando un panel renderiza sus hijos en pantalla, debe setear el ref de\r\n * modo que se pueda continuar con el flujo normal del panel. Este ref puede\r\n * estar en cualquier nivel, cuando sea instanciado, se llamará al refresh\r\n * inicial.\r\n */\r\n setRef: (el: HTMLElement \| null) => void;\r\n};\r\n\r\nexport function usePanelContext() {\r\n const context = useContext(PanelContext);\r\n if (!context) throw new Error('No panel wrapper context defined');\r\n return context;\r\n}\r\nexport const PanelContextProvider = ({\r\n children,\r\n value,\r\n}: {\r\n children: ReactNode;\r\n value: TPanelContext;\r\n}) => {\r\n return (\r\n <PanelContext.Provider value={value}>{children}</PanelContext.Provider>\r\n );\r\n};\r\n\r\nexport function useMakePanelContext(\r\n panelId: string,\r\n panelProps: Omit<TPanelProps, 'children'>,\r\n) {\r\n const setTitle = useCallback(\r\n (newTitle: string) => {\r\n changePanelTitle(panelId, newTitle);\r\n },\r\n [panelId],\r\n );\r\n\r\n const { ref, setLayout } = usePanelContextLayout();\r\n\r\n const [title, setTitleState] = useState(panelProps.title);\r\n usePanelOnEvent(\r\n { eventType: 'changeTitle', panelId },\r\n (ev: TPanelEvent<string>) => {\r\n setTitleState(ev.payload);\r\n },\r\n );\r\n const { footer, handleFooterClick } = usePanelFooter(\r\n panelId,\r\n panelProps.initialData,\r\n );\r\n\r\n const dispatch = usePanelActions();\r\n const hasRefreshedOnStartup = useRef(false);\r\n const dashboard = useDashboardContext();\r\n\r\n const setRef = useCallback(\r\n (el: HTMLElement \| null) => {\r\n if (el && !hasRefreshedOnStartup.current) {\r\n hasRefreshedOnStartup.current = true;\r\n if (panelProps.refreshOnStart) {\r\n void dispatch({ action: 'refresh' }).then(() => {\r\n dashboard.bootstrapper.setPanelHasLoaded(panelId);\r\n });\r\n } else {\r\n dashboard.bootstrapper.setPanelHasLoaded(panelId);\r\n }\r\n }\r\n },\r\n [dashboard.bootstrapper, dispatch, panelId, panelProps.refreshOnStart],\r\n );\r\n\r\n const contextValue = useMemo<TPanelContext>(\r\n () => ({\r\n setTitle,\r\n setLayout,\r\n panelProps,\r\n setRef,\r\n }),\r\n [setTitle, setLayout, panelProps, setRef],\r\n );\r\n\r\n return { title, footer, handleFooterClick, contextValue, ref };\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;AAkBa,MAAA,YAAA,GAAe,cAAoC,IAAI,EAAA;AAuB7D,SAAS,eAAkB,GAAA;AAChC,EAAM,MAAA,OAAA,GAAU,WAAW,YAAY,CAAA,CAAA;AACvC,EAAA,IAAI,CAAC,OAAA;AAAS,IAAM,MAAA,IAAI,MAAM,kCAAkC,CAAA,CAAA;AAChE,EAAO,OAAA,OAAA,CAAA;AACT,CAAA;AACO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AACF,CAGM,KAAA;AACJ,EAAA,uBACG,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,OAAe,QAAS,EAAA,CAAA,CAAA;AAEnD,EAAA;AAEgB,SAAA,mBAAA,CACd,SACA,UACA,EAAA;AACA,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,QAAqB,KAAA;AACpB,MAAA,gBAAA,CAAiB,SAAS,QAAQ,CAAA,CAAA;AAAA,KACpC;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,EAAE,GAAA,EAAK,SAAU,EAAA,GAAI,qBAAsB,EAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,KAAO,EAAA,aAAa,CAAI,GAAA,QAAA,CAAS,WAAW,KAAK,CAAA,CAAA;AACxD,EAAA,eAAA;AAAA,IACE,EAAE,SAAW,EAAA,aAAA,EAAe,OAAQ,EAAA;AAAA,IACpC,CAAC,EAA4B,KAAA;AAC3B,MAAA,aAAA,CAAc,GAAG,OAAO,CAAA,CAAA;AAAA,KAC1B;AAAA,GACF,CAAA;AACA,EAAM,MAAA,EAAE,MAAQ,EAAA,iBAAA,EAAsB,GAAA,cAAA;AAAA,IACpC,OAAA;AAAA,IACA,UAAW,CAAA,WAAA;AAAA,GACb,CAAA;AAEA,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA,CAAA;AAC1C,EAAA,MAAM,YAAY,mBAAoB,EAAA,CAAA;AAEtC,EAAA,MAAM,MAAS,GAAA,WAAA;AAAA,IACb,CAAC,EAA2B,KAAA;AAC1B,MAAI,IAAA,EAAA,IAAM,CAAC,qBAAA,CAAsB,OAAS,EAAA;AACxC,QAAA,qBAAA,CAAsB,OAAU,GAAA,IAAA,CAAA;AAChC,QAAA,IAAI,WAAW,cAAgB,EAAA;AAC7B,UAAA,KAAK,SAAS,EAAE,MAAA,EAAQ,WAAW,CAAA,CAAE,KAAK,MAAM;AAC9C,YAAU,SAAA,CAAA,YAAA,CAAa,kBAAkB,OAAO,CAAA,CAAA;AAAA,WACjD,CAAA,CAAA;AAAA,SACI,MAAA;AACL,UAAU,SAAA,CAAA,YAAA,CAAa,kBAAkB,OAAO,CAAA,CAAA;AAAA,SAClD;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,SAAU,CAAA,YAAA,EAAc,QAAU,EAAA,OAAA,EAAS,WAAW,cAAc,CAAA;AAAA,GACvE,CAAA;AAEA,EAAA,MAAM,YAAe,GAAA,OAAA;AAAA,IACnB,OAAO;AAAA,MACL,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,SAAW,EAAA,UAAA,EAAY,MAAM,CAAA;AAAA,GAC1C,CAAA;AAEA,EAAA,OAAO,EAAE,KAAA,EAAO,MAAQ,EAAA,iBAAA,EAAmB,cAAc,GAAI,EAAA,CAAA;AAC/D;;;;"}

package/dist/splash/panels/PanelContext/usePanelContextLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePanelContextLayout.js","sources":["../../../../src/splash/panels/PanelContext/usePanelContextLayout.ts"],"sourcesContent":["import { spacingLayouts, TSpacingLayout } from '@apia/theme';\nimport { useCallback, useRef } from 'react';\n\nexport type TPanelLayout = TSpacingLayout;\n\nexport function usePanelContextLayout() {\n const elRef = useRef<HTMLDivElement \| null>(null);\n const layoutRef = useRef<TPanelLayout>('clever');\n\n const clearClassNames = useCallback(() => {\n spacingLayouts.forEach((current) =>\n (\n elRef.current?.querySelector('.panel__content') as HTMLElement\n )?.classList.remove(current),\n );\n }, []);\n\n const setRef = useCallback(\n (el: HTMLDivElement) => {\n if (el instanceof HTMLDivElement) {\n elRef.current = el;\n clearClassNames();\n (el?.querySelector('.panel__content') as HTMLElement).classList.add(\n layoutRef.current,\n );\n }\n },\n [clearClassNames],\n );\n\n const setLayout = useCallback(\n (layout: TPanelLayout) => {\n if (layoutRef.current === layout) return;\n\n layoutRef.current = layout;\n clearClassNames();\n (\n elRef.current?.querySelector('.panel__content') as HTMLElement\n )?.classList.add(layoutRef.current);\n },\n [clearClassNames],\n );\n\n return { ref: setRef, setLayout };\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,qBAAwB,GAAA;AACtC,EAAM,MAAA,KAAA,GAAQ,OAA8B,IAAI,CAAA,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,OAAqB,QAAQ,CAAA,CAAA;AAE/C,EAAM,MAAA,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAe,cAAA,CAAA,OAAA;AAAA,MAAQ,CAAC,YAEpB,KAAM,CAAA,OAAA,EAAS,cAAc,iBAAiB,CAAA,EAC7C,SAAU,CAAA,MAAA,CAAO,OAAO,CAAA;AAAA,KAC7B,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,MAAS,GAAA,WAAA;AAAA,IACb,CAAC,EAAuB,KAAA;AACtB,MAAA,IAAI,cAAc,cAAgB,EAAA;AAChC,QAAA,KAAA,CAAM,OAAU,GAAA,EAAA,CAAA;AAChB,QAAgB,eAAA,EAAA,CAAA;AAChB,QAAA,CAAC,EAAI,EAAA,aAAA,CAAc,iBAAiB,CAAA,EAAkB,SAAU,CAAA,GAAA;AAAA,UAC9D,SAAU,CAAA,OAAA;AAAA,SACZ,CAAA;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,eAAe,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,MAAyB,KAAA;AACxB,MAAA,IAAI,UAAU,OAAY,KAAA,MAAA;AAAQ,QAAA,OAAA;AAElC,MAAA,SAAA,CAAU,OAAU,GAAA,MAAA,CAAA;AACpB,MAAgB,eAAA,EAAA,CAAA;AAChB,MACE,KAAA,CAAM,SAAS,aAAc,CAAA,iBAAiB,GAC7C,SAAU,CAAA,GAAA,CAAI,UAAU,OAAO,CAAA,CAAA;AAAA,KACpC;AAAA,IACA,CAAC,eAAe,CAAA;AAAA,GAClB,CAAA;AAEA,EAAO,OAAA,EAAE,GAAK,EAAA,MAAA,EAAQ,SAAU,EAAA,CAAA;AAClC;;;;"}
1	+ {"version":3,"file":"usePanelContextLayout.js","sources":["../../../../src/splash/panels/PanelContext/usePanelContextLayout.ts"],"sourcesContent":["import { spacingLayouts, TSpacingLayout } from '@apia/theme';\r\nimport { useCallback, useRef } from 'react';\r\n\r\nexport type TPanelLayout = TSpacingLayout;\r\n\r\nexport function usePanelContextLayout() {\r\n const elRef = useRef<HTMLDivElement \| null>(null);\r\n const layoutRef = useRef<TPanelLayout>('clever');\r\n\r\n const clearClassNames = useCallback(() => {\r\n spacingLayouts.forEach((current) =>\r\n (\r\n elRef.current?.querySelector('.panel__content') as HTMLElement\r\n )?.classList.remove(current),\r\n );\r\n }, []);\r\n\r\n const setRef = useCallback(\r\n (el: HTMLDivElement) => {\r\n if (el instanceof HTMLDivElement) {\r\n elRef.current = el;\r\n clearClassNames();\r\n (el?.querySelector('.panel__content') as HTMLElement).classList.add(\r\n layoutRef.current,\r\n );\r\n }\r\n },\r\n [clearClassNames],\r\n );\r\n\r\n const setLayout = useCallback(\r\n (layout: TPanelLayout) => {\r\n if (layoutRef.current === layout) return;\r\n\r\n layoutRef.current = layout;\r\n clearClassNames();\r\n (\r\n elRef.current?.querySelector('.panel__content') as HTMLElement\r\n )?.classList.add(layoutRef.current);\r\n },\r\n [clearClassNames],\r\n );\r\n\r\n return { ref: setRef, setLayout };\r\n}\r\n"],"names":[],"mappings":";;;AAKO,SAAS,qBAAwB,GAAA;AACtC,EAAM,MAAA,KAAA,GAAQ,OAA8B,IAAI,CAAA,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,OAAqB,QAAQ,CAAA,CAAA;AAE/C,EAAM,MAAA,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAe,cAAA,CAAA,OAAA;AAAA,MAAQ,CAAC,YAEpB,KAAM,CAAA,OAAA,EAAS,cAAc,iBAAiB,CAAA,EAC7C,SAAU,CAAA,MAAA,CAAO,OAAO,CAAA;AAAA,KAC7B,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,MAAS,GAAA,WAAA;AAAA,IACb,CAAC,EAAuB,KAAA;AACtB,MAAA,IAAI,cAAc,cAAgB,EAAA;AAChC,QAAA,KAAA,CAAM,OAAU,GAAA,EAAA,CAAA;AAChB,QAAgB,eAAA,EAAA,CAAA;AAChB,QAAA,CAAC,EAAI,EAAA,aAAA,CAAc,iBAAiB,CAAA,EAAkB,SAAU,CAAA,GAAA;AAAA,UAC9D,SAAU,CAAA,OAAA;AAAA,SACZ,CAAA;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,eAAe,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,MAAyB,KAAA;AACxB,MAAA,IAAI,UAAU,OAAY,KAAA,MAAA;AAAQ,QAAA,OAAA;AAElC,MAAA,SAAA,CAAU,OAAU,GAAA,MAAA,CAAA;AACpB,MAAgB,eAAA,EAAA,CAAA;AAChB,MACE,KAAA,CAAM,SAAS,aAAc,CAAA,iBAAiB,GAC7C,SAAU,CAAA,GAAA,CAAI,UAAU,OAAO,CAAA,CAAA;AAAA,KACpC;AAAA,IACA,CAAC,eAAe,CAAA;AAAA,GAClB,CAAA;AAEA,EAAO,OAAA,EAAE,GAAK,EAAA,MAAA,EAAQ,SAAU,EAAA,CAAA;AAClC;;;;"}

package/dist/splash/panels/PanelContext/usePanelFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePanelFooter.js","sources":["../../../../src/splash/panels/PanelContext/usePanelFooter.tsx"],"sourcesContent":["import { KeyboardEvent, MouseEvent, useCallback, useState } from 'react';\nimport {\n TPanelEvent,\n TPanelIdentifier,\n eventsController,\n usePanelOnEvent,\n} from '../../../eventsController';\nimport { TFooter } from '../../../actions/usePanelActions';\nimport { handleAction } from '../../../actions/basicAction';\n\nexport function changePanelFooter(panelId: string, footer: TFooter \| null) {\n eventsController.fireEvent(\n { panelId } as TPanelIdentifier,\n 'changeFooter',\n footer,\n );\n}\n\nexport type TUsePanelFooter = {\n footer: TFooter \| null;\n handleFooterClick: (ev: MouseEvent \| KeyboardEvent) => void;\n};\n\nexport function usePanelFooter(\n panelId: string,\n { initialData }: { initialData: unknown },\n): TUsePanelFooter {\n const [footer, setFooter] = useState<TFooter \| null>(\n (initialData as { footer: { footer: TFooter } })?.footer?.footer?.text\n ? (initialData as { footer: { footer: TFooter } })?.footer?.footer\n : null,\n );\n\n const handleFooterClick = useCallback(\n (ev: MouseEvent \| KeyboardEvent) => {\n console.log(ev.type);\n if (footer) handleAction(panelId, ev, footer);\n },\n [footer, panelId],\n );\n\n usePanelOnEvent(\n { eventType: 'changeFooter', panelId },\n (ev: TPanelEvent<TFooter>) => {\n if (!ev.payload.text) setFooter(null);\n else setFooter(ev.payload);\n },\n );\n\n return { footer, handleFooterClick };\n}\n"],"names":[],"mappings":";;;;;AAUgB,SAAA,iBAAA,CAAkB,SAAiB,MAAwB,EAAA;AACzE,EAAiB,gBAAA,CAAA,SAAA;AAAA,IACf,EAAE,OAAQ,EAAA;AAAA,IACV,cAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF,CAAA;AAOO,SAAS,cACd,CAAA,OAAA,EACA,EAAE,WAAA,EACe,EAAA;AACjB,EAAM,MAAA,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA;AAAA,IACzB,aAAiD,MAAQ,EAAA,MAAA,EAAQ,IAC7D,GAAA,WAAA,EAAiD,QAAQ,MAC1D,GAAA,IAAA;AAAA,GACN,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,EAAmC,KAAA;AAClC,MAAQ,OAAA,CAAA,GAAA,CAAI,GAAG,IAAI,CAAA,CAAA;AACnB,MAAI,IAAA,MAAA;AAAQ,QAAa,YAAA,CAAA,OAAA,EAAS,IAAI,MAAM,CAAA,CAAA;AAAA,KAC9C;AAAA,IACA,CAAC,QAAQ,OAAO,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,eAAA;AAAA,IACE,EAAE,SAAW,EAAA,cAAA,EAAgB,OAAQ,EAAA;AAAA,IACrC,CAAC,EAA6B,KAAA;AAC5B,MAAI,IAAA,CAAC,GAAG,OAAQ,CAAA,IAAA;AAAM,QAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA;AAC/B,QAAA,SAAA,CAAU,GAAG,OAAO,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,CAAA;AAEA,EAAO,OAAA,EAAE,QAAQ,iBAAkB,EAAA,CAAA;AACrC;;;;"}
1	+ {"version":3,"file":"usePanelFooter.js","sources":["../../../../src/splash/panels/PanelContext/usePanelFooter.tsx"],"sourcesContent":["import { KeyboardEvent, MouseEvent, useCallback, useState } from 'react';\r\nimport {\r\n TPanelEvent,\r\n TPanelIdentifier,\r\n eventsController,\r\n usePanelOnEvent,\r\n} from '../../../eventsController';\r\nimport { TFooter } from '../../../actions/usePanelActions';\r\nimport { handleAction } from '../../../actions/basicAction';\r\n\r\nexport function changePanelFooter(panelId: string, footer: TFooter \| null) {\r\n eventsController.fireEvent(\r\n { panelId } as TPanelIdentifier,\r\n 'changeFooter',\r\n footer,\r\n );\r\n}\r\n\r\nexport type TUsePanelFooter = {\r\n footer: TFooter \| null;\r\n handleFooterClick: (ev: MouseEvent \| KeyboardEvent) => void;\r\n};\r\n\r\nexport function usePanelFooter(\r\n panelId: string,\r\n { initialData }: { initialData: unknown },\r\n): TUsePanelFooter {\r\n const [footer, setFooter] = useState<TFooter \| null>(\r\n (initialData as { footer: { footer: TFooter } })?.footer?.footer?.text\r\n ? (initialData as { footer: { footer: TFooter } })?.footer?.footer\r\n : null,\r\n );\r\n\r\n const handleFooterClick = useCallback(\r\n (ev: MouseEvent \| KeyboardEvent) => {\r\n console.log(ev.type);\r\n if (footer) handleAction(panelId, ev, footer);\r\n },\r\n [footer, panelId],\r\n );\r\n\r\n usePanelOnEvent(\r\n { eventType: 'changeFooter', panelId },\r\n (ev: TPanelEvent<TFooter>) => {\r\n if (!ev.payload.text) setFooter(null);\r\n else setFooter(ev.payload);\r\n },\r\n );\r\n\r\n return { footer, handleFooterClick };\r\n}\r\n"],"names":[],"mappings":";;;;;AAUgB,SAAA,iBAAA,CAAkB,SAAiB,MAAwB,EAAA;AACzE,EAAiB,gBAAA,CAAA,SAAA;AAAA,IACf,EAAE,OAAQ,EAAA;AAAA,IACV,cAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AACF,CAAA;AAOO,SAAS,cACd,CAAA,OAAA,EACA,EAAE,WAAA,EACe,EAAA;AACjB,EAAM,MAAA,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA;AAAA,IACzB,aAAiD,MAAQ,EAAA,MAAA,EAAQ,IAC7D,GAAA,WAAA,EAAiD,QAAQ,MAC1D,GAAA,IAAA;AAAA,GACN,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,EAAmC,KAAA;AAClC,MAAQ,OAAA,CAAA,GAAA,CAAI,GAAG,IAAI,CAAA,CAAA;AACnB,MAAI,IAAA,MAAA;AAAQ,QAAa,YAAA,CAAA,OAAA,EAAS,IAAI,MAAM,CAAA,CAAA;AAAA,KAC9C;AAAA,IACA,CAAC,QAAQ,OAAO,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,eAAA;AAAA,IACE,EAAE,SAAW,EAAA,cAAA,EAAgB,OAAQ,EAAA;AAAA,IACrC,CAAC,EAA6B,KAAA;AAC5B,MAAI,IAAA,CAAC,GAAG,OAAQ,CAAA,IAAA;AAAM,QAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA;AAC/B,QAAA,SAAA,CAAU,GAAG,OAAO,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,CAAA;AAEA,EAAO,OAAA,EAAE,QAAQ,iBAAkB,EAAA,CAAA;AACrC;;;;"}

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

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

package/dist/splash/panels/PanelErrorBoundary.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Component } from 'react';
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  __defNormalProp(obj, key + "" , value);
   return value;
 };
 const Error2 = makeStyledComponent(

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

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

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

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

package/dist/splash/util/DragAndDrop.js CHANGED Viewed

@@ -25,7 +25,7 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
+  member.set(obj, value);
   return value;
 };
 var _unsuscribers;