@apia/dashboard-controller 2.0.8 → 2.0.9

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 (162) hide show
  1. package/dist/index.d.ts +409 -23
  2. package/dist/index.js +2201 -22
  3. package/dist/index.js.map +1 -1
  4. package/package.json +4 -4
  5. package/dist/actions/basicAction.d.ts +0 -15
  6. package/dist/actions/basicAction.d.ts.map +0 -1
  7. package/dist/actions/basicAction.js +0 -40
  8. package/dist/actions/basicAction.js.map +0 -1
  9. package/dist/actions/externalFirePanelAction.d.ts +0 -6
  10. package/dist/actions/externalFirePanelAction.d.ts.map +0 -1
  11. package/dist/actions/externalFirePanelAction.js +0 -12
  12. package/dist/actions/externalFirePanelAction.js.map +0 -1
  13. package/dist/actions/firePanelAction.d.ts +0 -6
  14. package/dist/actions/firePanelAction.d.ts.map +0 -1
  15. package/dist/actions/firePanelAction.js +0 -75
  16. package/dist/actions/firePanelAction.js.map +0 -1
  17. package/dist/actions/usePanelActions.d.ts +0 -63
  18. package/dist/actions/usePanelActions.d.ts.map +0 -1
  19. package/dist/actions/usePanelActions.js +0 -55
  20. package/dist/actions/usePanelActions.js.map +0 -1
  21. package/dist/actions/usePanelIsLoading.d.ts +0 -4
  22. package/dist/actions/usePanelIsLoading.d.ts.map +0 -1
  23. package/dist/actions/usePanelIsLoading.js +0 -14
  24. package/dist/actions/usePanelIsLoading.js.map +0 -1
  25. package/dist/actions/usePanelNetworkState.d.ts +0 -8
  26. package/dist/actions/usePanelNetworkState.d.ts.map +0 -1
  27. package/dist/actions/usePanelNetworkState.js +0 -21
  28. package/dist/actions/usePanelNetworkState.js.map +0 -1
  29. package/dist/common/usePanelIdentity.d.ts +0 -10
  30. package/dist/common/usePanelIdentity.d.ts.map +0 -1
  31. package/dist/common/usePanelIdentity.js +0 -12
  32. package/dist/common/usePanelIdentity.js.map +0 -1
  33. package/dist/config/parametersStore.d.ts +0 -15
  34. package/dist/config/parametersStore.d.ts.map +0 -1
  35. package/dist/config/parametersStore.js +0 -25
  36. package/dist/config/parametersStore.js.map +0 -1
  37. package/dist/config/saveParameters.d.ts +0 -11
  38. package/dist/config/saveParameters.d.ts.map +0 -1
  39. package/dist/config/saveParameters.js +0 -16
  40. package/dist/config/saveParameters.js.map +0 -1
  41. package/dist/config/usePanelConfig.js +0 -22
  42. package/dist/config/usePanelConfig.js.map +0 -1
  43. package/dist/config/usePanelParametersSelector.d.ts +0 -25
  44. package/dist/config/usePanelParametersSelector.d.ts.map +0 -1
  45. package/dist/config/usePanelParametersSelector.js +0 -17
  46. package/dist/config/usePanelParametersSelector.js.map +0 -1
  47. package/dist/dashboard/DashboardContext.d.ts +0 -6
  48. package/dist/dashboard/DashboardContext.d.ts.map +0 -1
  49. package/dist/dashboard/DashboardContext.js +0 -12
  50. package/dist/dashboard/DashboardContext.js.map +0 -1
  51. package/dist/dashboard/DashboardPanel.d.ts +0 -45
  52. package/dist/dashboard/DashboardPanel.d.ts.map +0 -1
  53. package/dist/dashboard/DashboardPanel.js +0 -236
  54. package/dist/dashboard/DashboardPanel.js.map +0 -1
  55. package/dist/dashboard/DashboardPanelContext.d.ts +0 -6
  56. package/dist/dashboard/DashboardPanelContext.d.ts.map +0 -1
  57. package/dist/dashboard/DashboardPanelContext.js +0 -12
  58. package/dist/dashboard/DashboardPanelContext.js.map +0 -1
  59. package/dist/dashboard/DashboardPanelsBootstraper.d.ts +0 -33
  60. package/dist/dashboard/DashboardPanelsBootstraper.d.ts.map +0 -1
  61. package/dist/dashboard/DashboardPanelsBootstraper.js +0 -135
  62. package/dist/dashboard/DashboardPanelsBootstraper.js.map +0 -1
  63. package/dist/dashboard/DashboardRouter.d.ts +0 -30
  64. package/dist/dashboard/DashboardRouter.d.ts.map +0 -1
  65. package/dist/dashboard/DashboardRouter.js +0 -74
  66. package/dist/dashboard/DashboardRouter.js.map +0 -1
  67. package/dist/dashboard/PanelNotFound.js +0 -14
  68. package/dist/dashboard/PanelNotFound.js.map +0 -1
  69. package/dist/dashboard/dashboard.d.ts +0 -26
  70. package/dist/dashboard/dashboard.d.ts.map +0 -1
  71. package/dist/dashboard/dashboard.js +0 -167
  72. package/dist/dashboard/dashboard.js.map +0 -1
  73. package/dist/eventsController/eventsController.d.ts +0 -11
  74. package/dist/eventsController/eventsController.d.ts.map +0 -1
  75. package/dist/eventsController/eventsController.js +0 -57
  76. package/dist/eventsController/eventsController.js.map +0 -1
  77. package/dist/eventsController/types.d.ts +0 -21
  78. package/dist/eventsController/types.d.ts.map +0 -1
  79. package/dist/eventsController/usePanelFireEvent.d.ts +0 -13
  80. package/dist/eventsController/usePanelFireEvent.d.ts.map +0 -1
  81. package/dist/eventsController/usePanelFireEvent.js +0 -21
  82. package/dist/eventsController/usePanelFireEvent.js.map +0 -1
  83. package/dist/eventsController/usePanelOnEvent.d.ts +0 -12
  84. package/dist/eventsController/usePanelOnEvent.d.ts.map +0 -1
  85. package/dist/eventsController/usePanelOnEvent.js +0 -14
  86. package/dist/eventsController/usePanelOnEvent.js.map +0 -1
  87. package/dist/panelsStore/createPanelStore.d.ts +0 -16
  88. package/dist/panelsStore/createPanelStore.d.ts.map +0 -1
  89. package/dist/panelsStore/createPanelStore.js +0 -58
  90. package/dist/panelsStore/createPanelStore.js.map +0 -1
  91. package/dist/panelsStore/panelsStore.js +0 -59
  92. package/dist/panelsStore/panelsStore.js.map +0 -1
  93. package/dist/panelsStore/usePanelSelector.js +0 -32
  94. package/dist/panelsStore/usePanelSelector.js.map +0 -1
  95. package/dist/panelsUtil/usePanelChangeTitle.d.ts +0 -5
  96. package/dist/panelsUtil/usePanelChangeTitle.d.ts.map +0 -1
  97. package/dist/panelsUtil/usePanelChangeTitle.js +0 -23
  98. package/dist/panelsUtil/usePanelChangeTitle.js.map +0 -1
  99. package/dist/panelsUtil/usePanelTitleAction.js +0 -34
  100. package/dist/panelsUtil/usePanelTitleAction.js.map +0 -1
  101. package/dist/position/usePanelPosition.d.ts +0 -13
  102. package/dist/position/usePanelPosition.d.ts.map +0 -1
  103. package/dist/position/usePanelPosition.js +0 -40
  104. package/dist/position/usePanelPosition.js.map +0 -1
  105. package/dist/splash/events/Dragleave.js +0 -15
  106. package/dist/splash/events/Dragleave.js.map +0 -1
  107. package/dist/splash/events/Dragover.js +0 -120
  108. package/dist/splash/events/Dragover.js.map +0 -1
  109. package/dist/splash/events/Dragstart.js +0 -65
  110. package/dist/splash/events/Dragstart.js.map +0 -1
  111. package/dist/splash/events/Drop.js +0 -60
  112. package/dist/splash/events/Drop.js.map +0 -1
  113. package/dist/splash/panels/DefaultPanelWrapper/NetworkState.js +0 -28
  114. package/dist/splash/panels/DefaultPanelWrapper/NetworkState.js.map +0 -1
  115. package/dist/splash/panels/DefaultPanelWrapper/PanelButtons.js +0 -16
  116. package/dist/splash/panels/DefaultPanelWrapper/PanelButtons.js.map +0 -1
  117. package/dist/splash/panels/DefaultPanelWrapper/RefreshButton.js +0 -35
  118. package/dist/splash/panels/DefaultPanelWrapper/RefreshButton.js.map +0 -1
  119. package/dist/splash/panels/DefaultPanelWrapper/SettingsButton.js +0 -45
  120. package/dist/splash/panels/DefaultPanelWrapper/SettingsButton.js.map +0 -1
  121. package/dist/splash/panels/DefaultPanelWrapper/defaultPanelWrapperStyles.js +0 -103
  122. package/dist/splash/panels/DefaultPanelWrapper/defaultPanelWrapperStyles.js.map +0 -1
  123. package/dist/splash/panels/DefaultPanelWrapper/index.js +0 -57
  124. package/dist/splash/panels/DefaultPanelWrapper/index.js.map +0 -1
  125. package/dist/splash/panels/LandingPagePanelWrapper.d.ts +0 -6
  126. package/dist/splash/panels/LandingPagePanelWrapper.d.ts.map +0 -1
  127. package/dist/splash/panels/LandingPagePanelWrapper.js +0 -52
  128. package/dist/splash/panels/LandingPagePanelWrapper.js.map +0 -1
  129. package/dist/splash/panels/PanelContext/PanelFooter.js +0 -70
  130. package/dist/splash/panels/PanelContext/PanelFooter.js.map +0 -1
  131. package/dist/splash/panels/PanelContext/index.d.ts +0 -26
  132. package/dist/splash/panels/PanelContext/index.d.ts.map +0 -1
  133. package/dist/splash/panels/PanelContext/index.js +0 -73
  134. package/dist/splash/panels/PanelContext/index.js.map +0 -1
  135. package/dist/splash/panels/PanelContext/usePanelContextLayout.d.ts +0 -6
  136. package/dist/splash/panels/PanelContext/usePanelContextLayout.d.ts.map +0 -1
  137. package/dist/splash/panels/PanelContext/usePanelContextLayout.js +0 -38
  138. package/dist/splash/panels/PanelContext/usePanelContextLayout.js.map +0 -1
  139. package/dist/splash/panels/PanelContext/usePanelFooter.js +0 -38
  140. package/dist/splash/panels/PanelContext/usePanelFooter.js.map +0 -1
  141. package/dist/splash/panels/PanelContext/useYieldPanelIsReady.d.ts +0 -45
  142. package/dist/splash/panels/PanelContext/useYieldPanelIsReady.d.ts.map +0 -1
  143. package/dist/splash/panels/PanelContext/useYieldPanelIsReady.js +0 -12
  144. package/dist/splash/panels/PanelContext/useYieldPanelIsReady.js.map +0 -1
  145. package/dist/splash/panels/PanelErrorBoundary.js +0 -53
  146. package/dist/splash/panels/PanelErrorBoundary.js.map +0 -1
  147. package/dist/splash/panels/PanelIdentifier.d.ts +0 -16
  148. package/dist/splash/panels/PanelIdentifier.d.ts.map +0 -1
  149. package/dist/splash/panels/PanelIdentifier.js +0 -19
  150. package/dist/splash/panels/PanelIdentifier.js.map +0 -1
  151. package/dist/splash/util/DragAndDrop.js +0 -243
  152. package/dist/splash/util/DragAndDrop.js.map +0 -1
  153. package/dist/splash/util/getColumnAreas.js +0 -19
  154. package/dist/splash/util/getColumnAreas.js.map +0 -1
  155. package/dist/splash/util/isCursorInArea.js +0 -13
  156. package/dist/splash/util/isCursorInArea.js.map +0 -1
  157. package/dist/types.d.ts +0 -27
  158. package/dist/types.d.ts.map +0 -1
  159. package/dist/util.d.ts +0 -8
  160. package/dist/util.d.ts.map +0 -1
  161. package/dist/util.js +0 -30
  162. package/dist/util.js.map +0 -1
@@ -1,236 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { createPortal } from 'react-dom';
3
- import { importPanel } from '../util.js';
4
- import { EventEmitter, parseXmlAsync, toBoolean, useMount } from '@apia/util';
5
- import { useState } from 'react';
6
- import { PanelErrorBoundary } from '../splash/panels/PanelErrorBoundary.js';
7
- import { PanelIdentifier } from '../splash/panels/PanelIdentifier.js';
8
- import { firePanelAction } from '../actions/firePanelAction.js';
9
- import { saveParameters } from '../config/saveParameters.js';
10
- import { parametersStore as store } from '../config/parametersStore.js';
11
- import { DashboardPanelContext } from './DashboardPanelContext.js';
12
-
13
- var __defProp = Object.defineProperty;
14
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
15
- var __publicField = (obj, key, value) => {
16
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
17
- return value;
18
- };
19
- var __accessCheck = (obj, member, msg) => {
20
- if (!member.has(obj))
21
- throw TypeError("Cannot " + msg);
22
- };
23
- var __privateGet = (obj, member, getter) => {
24
- __accessCheck(obj, member, "read from private field");
25
- return getter ? getter.call(obj) : member.get(obj);
26
- };
27
- var __privateAdd = (obj, member, value) => {
28
- if (member.has(obj))
29
- throw TypeError("Cannot add the same private member more than once");
30
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
31
- };
32
- var _elements, _loaders;
33
- const noData = { initialData: {} };
34
- function parameterValue(value) {
35
- if (value === "true")
36
- return true;
37
- if (value === "false")
38
- return false;
39
- return value;
40
- }
41
- class DashboardPanel extends EventEmitter {
42
- constructor({
43
- id,
44
- dashboard,
45
- PanelContainer: PanelContainer2
46
- }) {
47
- super();
48
- __publicField(this, "dashboard");
49
- __publicField(this, "hasInited", false);
50
- __publicField(this, "hasLoaded", false);
51
- __publicField(this, "id");
52
- __publicField(this, "initialData", null);
53
- __publicField(this, "isVisible", false);
54
- __publicField(this, "portal");
55
- __publicField(this, "props", {});
56
- __privateAdd(this, _elements, {
57
- props: () => {
58
- const panelData = document.querySelector(
59
- `panel-props[id="${this.id}"]`
60
- );
61
- if (!panelData) {
62
- console.error("Panel with no id:", this.id);
63
- throw new Error("A panel has no data element in the DOM.");
64
- }
65
- return panelData;
66
- }
67
- });
68
- __privateAdd(this, _loaders, {
69
- loadAll: () => {
70
- void __privateGet(this, _loaders).initialData();
71
- __privateGet(this, _loaders).parameters();
72
- __privateGet(this, _loaders).props();
73
- },
74
- initialData: () => {
75
- const panel = this.getContainer();
76
- const panelContent = panel.querySelector(
77
- ".panel__content"
78
- );
79
- const xml = panelContent.innerHTML.replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
80
- panelContent.innerHTML = "";
81
- this.initialData = parseXmlAsync(xml.replace(/<!--?[^>]+>/, ""));
82
- return this.initialData;
83
- },
84
- parameters: () => {
85
- if (store.getState().panelParameters[this.id])
86
- return;
87
- const panelData = __privateGet(this, _elements).props();
88
- const options = Object.fromEntries(
89
- [...panelData.querySelectorAll("panel-option")].map(
90
- (current) => {
91
- return [
92
- current.getAttribute("name"),
93
- parameterValue(current.getAttribute("value"))
94
- ];
95
- }
96
- )
97
- );
98
- const parameters = Object.fromEntries(
99
- [...panelData.querySelectorAll("panel-parameter")].map(
100
- (current) => {
101
- return [
102
- current.getAttribute("name"),
103
- parameterValue(current.getAttribute("value"))
104
- ];
105
- }
106
- )
107
- );
108
- saveParameters(this.id, Object.assign(options, parameters), false);
109
- },
110
- props: () => {
111
- const panelData = __privateGet(this, _elements).props();
112
- const panel = this.getContainer();
113
- const props = {
114
- id: this.id,
115
- name: panelData.getAttribute("name"),
116
- canMove: toBoolean(panelData.getAttribute("canMove")),
117
- hasRss: toBoolean(panelData.getAttribute("hasRss")),
118
- isConfigurable: toBoolean(panelData.getAttribute("isConfigurable")),
119
- isRefreshable: toBoolean(panelData.getAttribute("isRefreshable")),
120
- refreshOnHome: toBoolean(panelData.getAttribute("refreshOnHome")),
121
- refreshOnStart: toBoolean(panelData.getAttribute("refreshOnStart")),
122
- showTitle: toBoolean(panelData.getAttribute("showTitle")),
123
- title: panelData.getAttribute("title"),
124
- type: panel.dataset.panel
125
- };
126
- this.props = props;
127
- }
128
- });
129
- __publicField(this, "fireAction", ({ action, ...parameters }, options) => {
130
- if (!this.isVisible)
131
- return new Promise((resolve) => resolve(null));
132
- const postData = {};
133
- Object.entries(parameters).forEach(([name, value]) => {
134
- postData[`p_${name}`] = value;
135
- });
136
- return new Promise((resolve, reject) => {
137
- firePanelAction(this.id, action, postData, {
138
- ...options,
139
- onComplete(hasSucceed, data) {
140
- options?.onComplete?.(hasSucceed, data);
141
- if (hasSucceed) {
142
- resolve(data);
143
- } else
144
- reject();
145
- }
146
- });
147
- });
148
- });
149
- __publicField(this, "PanelElement", ({
150
- ActualPanelContainer,
151
- Element
152
- }) => {
153
- const [resolvedInitialData, setResolvedInitialData] = useState(null);
154
- const [isVisible, setIsVisible] = useState(this.isVisible);
155
- useMount(() => {
156
- void this.initialData?.then((data) => {
157
- setResolvedInitialData(data ?? noData);
158
- });
159
- return this.on(
160
- "isVisible",
161
- (ev) => setIsVisible((current) => ev || current)
162
- );
163
- });
164
- if (resolvedInitialData === null || resolvedInitialData === noData)
165
- return null;
166
- return /* @__PURE__ */ jsx(DashboardPanelContext.Provider, { value: this, children: /* @__PURE__ */ jsx(PanelIdentifier, { ...this.props, children: /* @__PURE__ */ jsx(
167
- ActualPanelContainer,
168
- {
169
- ...this.props,
170
- initialData: resolvedInitialData,
171
- children: /* @__PURE__ */ jsx(
172
- this.dashboard.bootstrapper.SuspendPanelUntilDashbordReady,
173
- {
174
- panelId: this.id,
175
- children: /* @__PURE__ */ jsx(PanelErrorBoundary, { children: isVisible ? /* @__PURE__ */ jsx(Element, { initialData: resolvedInitialData.initialData }) : null })
176
- }
177
- )
178
- }
179
- ) }) });
180
- });
181
- this.dashboard = dashboard;
182
- this.id = id;
183
- __privateGet(this, _loaders).loadAll();
184
- this.portal = createPortal(
185
- /* @__PURE__ */ jsx(
186
- this.PanelElement,
187
- {
188
- ActualPanelContainer: PanelContainer2,
189
- Element: importPanel(this.props.type)
190
- }
191
- ),
192
- this.getContainer().querySelector(".panel__content"),
193
- this.id
194
- );
195
- }
196
- getContainer() {
197
- const panel = document.querySelector(
198
- `[data-id="${this.id}"][data-panel]`
199
- );
200
- if (!panel) {
201
- console.error("Panel not found in dom:", this.id);
202
- throw new Error("Panel not found in DOM.");
203
- }
204
- return panel;
205
- }
206
- getParameters() {
207
- return store.getState().panelParameters[this.id];
208
- }
209
- hide() {
210
- const container = this.getContainer();
211
- container.style.display = "none";
212
- container.ariaHidden = "true";
213
- this.isVisible = false;
214
- this.emit("isVisible", this.isVisible);
215
- }
216
- refresh() {
217
- return this.fireAction({ action: "refresh" });
218
- }
219
- setHasLoaded() {
220
- this.hasLoaded = true;
221
- this.emit("hasLoaded", true);
222
- }
223
- show() {
224
- const container = this.getContainer();
225
- container.style.display = "block";
226
- container.ariaHidden = "false";
227
- this.hasInited = true;
228
- this.isVisible = true;
229
- this.emit("isVisible", this.isVisible);
230
- }
231
- }
232
- _elements = new WeakMap();
233
- _loaders = new WeakMap();
234
-
235
- export { DashboardPanel };
236
- //# sourceMappingURL=DashboardPanel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DashboardPanel.js","sources":["../../src/dashboard/DashboardPanel.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\r\nimport { Dashboard } from '.';\r\nimport { PanelContainer, TLoadedPanelProps } from '../types';\r\nimport { importPanel } from '../util';\r\nimport { EventEmitter, parseXmlAsync, toBoolean, useMount } from '@apia/util';\r\nimport { ReactPortal, useState } from 'react';\r\nimport { PanelErrorBoundary } from '../splash/panels/PanelErrorBoundary';\r\nimport { PanelIdentifier } from '../splash/panels/PanelIdentifier';\r\nimport { firePanelAction } from '../actions/firePanelAction';\r\nimport { parametersStore, saveParameters } from '../config';\r\nimport { DashboardPanelContext } from './DashboardPanelContext';\r\nimport {\r\n TActionDispatcherOptions,\r\n TActionResult,\r\n} from '../actions/usePanelActions';\r\n\r\nconst noData = { initialData: {} };\r\n\r\ntype TPanelProps = Omit<TLoadedPanelProps, 'initialData'>;\r\nfunction parameterValue(value: string | boolean | number) {\r\n if (value === 'true') return true;\r\n if (value === 'false') return false;\r\n\r\n return value;\r\n}\r\n\r\nexport class DashboardPanel extends EventEmitter<{\r\n hasLoaded: boolean;\r\n isVisible: boolean;\r\n}> {\r\n dashboard: Dashboard;\r\n hasInited = false;\r\n hasLoaded = false;\r\n id: string;\r\n initialData: Promise<unknown> | null = null;\r\n isVisible = false;\r\n portal: ReactPortal;\r\n props: TPanelProps = {} as TPanelProps;\r\n\r\n constructor({\r\n id,\r\n dashboard,\r\n PanelContainer,\r\n }: {\r\n id: string;\r\n dashboard: Dashboard;\r\n PanelContainer: PanelContainer;\r\n }) {\r\n super();\r\n\r\n this.dashboard = dashboard;\r\n this.id = id;\r\n this.#loaders.loadAll();\r\n\r\n this.portal = createPortal(\r\n <this.PanelElement\r\n ActualPanelContainer={PanelContainer}\r\n Element={importPanel(this.props.type)}\r\n />,\r\n this.getContainer().querySelector('.panel__content') as HTMLElement,\r\n this.id,\r\n );\r\n }\r\n\r\n #elements = {\r\n props: () => {\r\n const panelData = document.querySelector(\r\n `panel-props[id=\"${this.id as string}\"]`,\r\n ) as HTMLElement | null;\r\n\r\n if (!panelData) {\r\n console.error('Panel with no id:', this.id);\r\n throw new Error('A panel has no data element in the DOM.');\r\n }\r\n\r\n return panelData;\r\n },\r\n };\r\n\r\n #loaders = {\r\n loadAll: () => {\r\n void this.#loaders.initialData();\r\n this.#loaders.parameters();\r\n this.#loaders.props();\r\n },\r\n initialData: () => {\r\n const panel = this.getContainer();\r\n const panelContent = panel.querySelector(\r\n '.panel__content',\r\n ) as HTMLElement;\r\n const xml = panelContent.innerHTML\r\n .replaceAll('&lt;', '<')\r\n .replaceAll('&gt;', '>')\r\n .replaceAll('&amp;', '&');\r\n panelContent.innerHTML = '';\r\n\r\n this.initialData = parseXmlAsync(xml.replace(/<!--?[^>]+>/, ''));\r\n\r\n return this.initialData;\r\n },\r\n parameters: () => {\r\n if (parametersStore.getState().panelParameters[this.id]) return;\r\n\r\n const panelData = this.#elements.props();\r\n\r\n const options = Object.fromEntries(\r\n [...panelData.querySelectorAll<HTMLElement>('panel-option')].map(\r\n (current) => {\r\n return [\r\n current.getAttribute('name') as string,\r\n parameterValue(current.getAttribute('value') as string),\r\n ];\r\n },\r\n ),\r\n );\r\n\r\n const parameters = Object.fromEntries(\r\n [...panelData.querySelectorAll<HTMLElement>('panel-parameter')].map(\r\n (current) => {\r\n return [\r\n current.getAttribute('name') as string,\r\n parameterValue(current.getAttribute('value') as string),\r\n ];\r\n },\r\n ),\r\n );\r\n\r\n saveParameters(this.id, Object.assign(options, parameters), false);\r\n },\r\n props: () => {\r\n const panelData = this.#elements.props();\r\n const panel = this.getContainer();\r\n\r\n const props: Omit<TLoadedPanelProps, 'initialData'> = {\r\n id: this.id,\r\n name: panelData.getAttribute('name') as string,\r\n canMove: toBoolean(panelData.getAttribute('canMove')),\r\n hasRss: toBoolean(panelData.getAttribute('hasRss')),\r\n isConfigurable: toBoolean(panelData.getAttribute('isConfigurable')),\r\n isRefreshable: toBoolean(panelData.getAttribute('isRefreshable')),\r\n refreshOnHome: toBoolean(panelData.getAttribute('refreshOnHome')),\r\n refreshOnStart: toBoolean(panelData.getAttribute('refreshOnStart')),\r\n showTitle: toBoolean(panelData.getAttribute('showTitle')),\r\n title: panelData.getAttribute('title') as string,\r\n type: panel.dataset.panel as string,\r\n };\r\n\r\n this.props = props;\r\n },\r\n };\r\n\r\n fireAction: (\r\n { action, ...parameters }: { action: string } & Record<string, unknown>,\r\n options?: TActionDispatcherOptions,\r\n ) => Promise<TActionResult> = ({ action, ...parameters }, options) => {\r\n if (!this.isVisible) return new Promise((resolve) => resolve(null));\r\n\r\n const postData: Record<string, unknown> = {};\r\n\r\n Object.entries(parameters).forEach(([name, value]) => {\r\n postData[`p_${name}`] = value;\r\n });\r\n\r\n return new Promise<TActionResult>((resolve, reject) => {\r\n firePanelAction(this.id, action, postData, {\r\n ...options,\r\n onComplete(hasSucceed, data) {\r\n options?.onComplete?.(hasSucceed, data);\r\n if (hasSucceed) {\r\n resolve(data);\r\n } else reject();\r\n },\r\n });\r\n });\r\n };\r\n\r\n getContainer() {\r\n const panel = document.querySelector(\r\n `[data-id=\"${this.id}\"][data-panel]`,\r\n ) as HTMLElement;\r\n\r\n if (!panel) {\r\n console.error('Panel not found in dom:', this.id);\r\n throw new Error('Panel not found in DOM.');\r\n }\r\n\r\n return panel;\r\n }\r\n\r\n getParameters() {\r\n return parametersStore.getState().panelParameters[this.id];\r\n }\r\n\r\n hide() {\r\n const container = this.getContainer();\r\n container.style.display = 'none';\r\n container.ariaHidden = 'true';\r\n\r\n this.isVisible = false;\r\n this.emit('isVisible', this.isVisible);\r\n }\r\n\r\n refresh() {\r\n return this.fireAction({ action: 'refresh' });\r\n }\r\n\r\n setHasLoaded() {\r\n this.hasLoaded = true;\r\n this.emit('hasLoaded', true);\r\n }\r\n\r\n show() {\r\n const container = this.getContainer();\r\n container.style.display = 'block';\r\n container.ariaHidden = 'false';\r\n\r\n this.hasInited = true;\r\n this.isVisible = true;\r\n this.emit('isVisible', this.isVisible);\r\n }\r\n\r\n PanelElement = ({\r\n ActualPanelContainer,\r\n Element,\r\n }: {\r\n ActualPanelContainer: PanelContainer;\r\n Element: ReturnType<typeof importPanel>;\r\n }) => {\r\n const [resolvedInitialData, setResolvedInitialData] = useState<{\r\n initialData: unknown;\r\n } | null>(null);\r\n const [isVisible, setIsVisible] = useState(this.isVisible);\r\n\r\n useMount(() => {\r\n void this.initialData?.then((data) => {\r\n setResolvedInitialData((data ?? noData) as { initialData: unknown });\r\n });\r\n\r\n return this.on('isVisible', (ev) =>\r\n setIsVisible((current) => ev || current),\r\n );\r\n });\r\n\r\n if (resolvedInitialData === null || resolvedInitialData === noData)\r\n return null;\r\n\r\n return (\r\n <DashboardPanelContext.Provider value={this}>\r\n <PanelIdentifier {...this.props}>\r\n <ActualPanelContainer\r\n {...this.props}\r\n initialData={resolvedInitialData}\r\n >\r\n <this.dashboard.bootstrapper.SuspendPanelUntilDashbordReady\r\n panelId={this.id}\r\n >\r\n <PanelErrorBoundary>\r\n {isVisible ? (\r\n <Element initialData={resolvedInitialData.initialData} />\r\n ) : null}\r\n </PanelErrorBoundary>\r\n </this.dashboard.bootstrapper.SuspendPanelUntilDashbordReady>\r\n </ActualPanelContainer>\r\n </PanelIdentifier>\r\n </DashboardPanelContext.Provider>\r\n );\r\n };\r\n}\r\n"],"names":["PanelContainer","parametersStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,EAAA,QAAA,CAAA;AAgBA,MAAM,MAAS,GAAA,EAAE,WAAa,EAAA,EAAG,EAAA,CAAA;AAGjC,SAAS,eAAe,KAAkC,EAAA;AACxD,EAAA,IAAI,KAAU,KAAA,MAAA;AAAQ,IAAO,OAAA,IAAA,CAAA;AAC7B,EAAA,IAAI,KAAU,KAAA,OAAA;AAAS,IAAO,OAAA,KAAA,CAAA;AAE9B,EAAO,OAAA,KAAA,CAAA;AACT,CAAA;AAEO,MAAM,uBAAuB,YAGjC,CAAA;AAAA,EAUD,WAAY,CAAA;AAAA,IACV,EAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAAA,EAAAA,eAAAA;AAAA,GAKC,EAAA;AACD,IAAM,KAAA,EAAA,CAAA;AAlBR,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AACA,IAAY,aAAA,CAAA,IAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AACZ,IAAY,aAAA,CAAA,IAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AACZ,IAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AACA,IAAuC,aAAA,CAAA,IAAA,EAAA,aAAA,EAAA,IAAA,CAAA,CAAA;AACvC,IAAY,aAAA,CAAA,IAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AACZ,IAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,OAAA,EAAqB,EAAC,CAAA,CAAA;AA2BtB,IAAY,YAAA,CAAA,IAAA,EAAA,SAAA,EAAA;AAAA,MACV,OAAO,MAAM;AACX,QAAA,MAAM,YAAY,QAAS,CAAA,aAAA;AAAA,UACzB,CAAA,gBAAA,EAAmB,KAAK,EAAY,CAAA,EAAA,CAAA;AAAA,SACtC,CAAA;AAEA,QAAA,IAAI,CAAC,SAAW,EAAA;AACd,UAAQ,OAAA,CAAA,KAAA,CAAM,mBAAqB,EAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAC1C,UAAM,MAAA,IAAI,MAAM,yCAAyC,CAAA,CAAA;AAAA,SAC3D;AAEA,QAAO,OAAA,SAAA,CAAA;AAAA,OACT;AAAA,KACF,CAAA,CAAA;AAEA,IAAW,YAAA,CAAA,IAAA,EAAA,QAAA,EAAA;AAAA,MACT,SAAS,MAAM;AACb,QAAK,KAAA,YAAA,CAAA,IAAA,EAAK,UAAS,WAAY,EAAA,CAAA;AAC/B,QAAA,YAAA,CAAA,IAAA,EAAK,UAAS,UAAW,EAAA,CAAA;AACzB,QAAA,YAAA,CAAA,IAAA,EAAK,UAAS,KAAM,EAAA,CAAA;AAAA,OACtB;AAAA,MACA,aAAa,MAAM;AACjB,QAAM,MAAA,KAAA,GAAQ,KAAK,YAAa,EAAA,CAAA;AAChC,QAAA,MAAM,eAAe,KAAM,CAAA,aAAA;AAAA,UACzB,iBAAA;AAAA,SACF,CAAA;AACA,QAAA,MAAM,GAAM,GAAA,YAAA,CAAa,SACtB,CAAA,UAAA,CAAW,MAAQ,EAAA,GAAG,CACtB,CAAA,UAAA,CAAW,MAAQ,EAAA,GAAG,CACtB,CAAA,UAAA,CAAW,SAAS,GAAG,CAAA,CAAA;AAC1B,QAAA,YAAA,CAAa,SAAY,GAAA,EAAA,CAAA;AAEzB,QAAA,IAAA,CAAK,cAAc,aAAc,CAAA,GAAA,CAAI,OAAQ,CAAA,aAAA,EAAe,EAAE,CAAC,CAAA,CAAA;AAE/D,QAAA,OAAO,IAAK,CAAA,WAAA,CAAA;AAAA,OACd;AAAA,MACA,YAAY,MAAM;AAChB,QAAA,IAAIC,KAAgB,CAAA,QAAA,EAAW,CAAA,eAAA,CAAgB,KAAK,EAAE,CAAA;AAAG,UAAA,OAAA;AAEzD,QAAM,MAAA,SAAA,GAAY,YAAK,CAAA,IAAA,EAAA,SAAA,CAAA,CAAU,KAAM,EAAA,CAAA;AAEvC,QAAA,MAAM,UAAU,MAAO,CAAA,WAAA;AAAA,UACrB,CAAC,GAAG,SAAA,CAAU,gBAA8B,CAAA,cAAc,CAAC,CAAE,CAAA,GAAA;AAAA,YAC3D,CAAC,OAAY,KAAA;AACX,cAAO,OAAA;AAAA,gBACL,OAAA,CAAQ,aAAa,MAAM,CAAA;AAAA,gBAC3B,cAAe,CAAA,OAAA,CAAQ,YAAa,CAAA,OAAO,CAAW,CAAA;AAAA,eACxD,CAAA;AAAA,aACF;AAAA,WACF;AAAA,SACF,CAAA;AAEA,QAAA,MAAM,aAAa,MAAO,CAAA,WAAA;AAAA,UACxB,CAAC,GAAG,SAAA,CAAU,gBAA8B,CAAA,iBAAiB,CAAC,CAAE,CAAA,GAAA;AAAA,YAC9D,CAAC,OAAY,KAAA;AACX,cAAO,OAAA;AAAA,gBACL,OAAA,CAAQ,aAAa,MAAM,CAAA;AAAA,gBAC3B,cAAe,CAAA,OAAA,CAAQ,YAAa,CAAA,OAAO,CAAW,CAAA;AAAA,eACxD,CAAA;AAAA,aACF;AAAA,WACF;AAAA,SACF,CAAA;AAEA,QAAA,cAAA,CAAe,KAAK,EAAI,EAAA,MAAA,CAAO,OAAO,OAAS,EAAA,UAAU,GAAG,KAAK,CAAA,CAAA;AAAA,OACnE;AAAA,MACA,OAAO,MAAM;AACX,QAAM,MAAA,SAAA,GAAY,YAAK,CAAA,IAAA,EAAA,SAAA,CAAA,CAAU,KAAM,EAAA,CAAA;AACvC,QAAM,MAAA,KAAA,GAAQ,KAAK,YAAa,EAAA,CAAA;AAEhC,QAAA,MAAM,KAAgD,GAAA;AAAA,UACpD,IAAI,IAAK,CAAA,EAAA;AAAA,UACT,IAAA,EAAM,SAAU,CAAA,YAAA,CAAa,MAAM,CAAA;AAAA,UACnC,OAAS,EAAA,SAAA,CAAU,SAAU,CAAA,YAAA,CAAa,SAAS,CAAC,CAAA;AAAA,UACpD,MAAQ,EAAA,SAAA,CAAU,SAAU,CAAA,YAAA,CAAa,QAAQ,CAAC,CAAA;AAAA,UAClD,cAAgB,EAAA,SAAA,CAAU,SAAU,CAAA,YAAA,CAAa,gBAAgB,CAAC,CAAA;AAAA,UAClE,aAAe,EAAA,SAAA,CAAU,SAAU,CAAA,YAAA,CAAa,eAAe,CAAC,CAAA;AAAA,UAChE,aAAe,EAAA,SAAA,CAAU,SAAU,CAAA,YAAA,CAAa,eAAe,CAAC,CAAA;AAAA,UAChE,cAAgB,EAAA,SAAA,CAAU,SAAU,CAAA,YAAA,CAAa,gBAAgB,CAAC,CAAA;AAAA,UAClE,SAAW,EAAA,SAAA,CAAU,SAAU,CAAA,YAAA,CAAa,WAAW,CAAC,CAAA;AAAA,UACxD,KAAA,EAAO,SAAU,CAAA,YAAA,CAAa,OAAO,CAAA;AAAA,UACrC,IAAA,EAAM,MAAM,OAAQ,CAAA,KAAA;AAAA,SACtB,CAAA;AAEA,QAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AAAA,OACf;AAAA,KACF,CAAA,CAAA;AAEA,IAAA,aAAA,CAAA,IAAA,EAAA,YAAA,EAG8B,CAAC,EAAE,MAAA,EAAQ,GAAG,UAAA,IAAc,OAAY,KAAA;AACpE,MAAA,IAAI,CAAC,IAAK,CAAA,SAAA;AAAW,QAAA,OAAO,IAAI,OAAQ,CAAA,CAAC,OAAY,KAAA,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAElE,MAAA,MAAM,WAAoC,EAAC,CAAA;AAE3C,MAAO,MAAA,CAAA,OAAA,CAAQ,UAAU,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,IAAA,EAAM,KAAK,CAAM,KAAA;AACpD,QAAS,QAAA,CAAA,CAAA,EAAA,EAAK,IAAI,CAAA,CAAE,CAAI,GAAA,KAAA,CAAA;AAAA,OACzB,CAAA,CAAA;AAED,MAAA,OAAO,IAAI,OAAA,CAAuB,CAAC,OAAA,EAAS,MAAW,KAAA;AACrD,QAAgB,eAAA,CAAA,IAAA,CAAK,EAAI,EAAA,MAAA,EAAQ,QAAU,EAAA;AAAA,UACzC,GAAG,OAAA;AAAA,UACH,UAAA,CAAW,YAAY,IAAM,EAAA;AAC3B,YAAS,OAAA,EAAA,UAAA,GAAa,YAAY,IAAI,CAAA,CAAA;AACtC,YAAA,IAAI,UAAY,EAAA;AACd,cAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,aACd;AAAO,cAAO,MAAA,EAAA,CAAA;AAAA,WAChB;AAAA,SACD,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KACH,CAAA,CAAA;AA+CA,IAAA,aAAA,CAAA,IAAA,EAAA,cAAA,EAAe,CAAC;AAAA,MACd,oBAAA;AAAA,MACA,OAAA;AAAA,KAII,KAAA;AACJ,MAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAE5C,IAAI,CAAA,CAAA;AACd,MAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,QAAA,CAAS,KAAK,SAAS,CAAA,CAAA;AAEzD,MAAA,QAAA,CAAS,MAAM;AACb,QAAA,KAAK,IAAK,CAAA,WAAA,EAAa,IAAK,CAAA,CAAC,IAAS,KAAA;AACpC,UAAA,sBAAA,CAAwB,QAAQ,MAAmC,CAAA,CAAA;AAAA,SACpE,CAAA,CAAA;AAED,QAAA,OAAO,IAAK,CAAA,EAAA;AAAA,UAAG,WAAA;AAAA,UAAa,CAAC,EAC3B,KAAA,YAAA,CAAa,CAAC,OAAA,KAAY,MAAM,OAAO,CAAA;AAAA,SACzC,CAAA;AAAA,OACD,CAAA,CAAA;AAED,MAAI,IAAA,mBAAA,KAAwB,QAAQ,mBAAwB,KAAA,MAAA;AAC1D,QAAO,OAAA,IAAA,CAAA;AAET,MACE,uBAAA,GAAA,CAAC,qBAAsB,CAAA,QAAA,EAAtB,EAA+B,KAAA,EAAO,MACrC,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAiB,GAAG,IAAA,CAAK,KACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,oBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAK,CAAA,KAAA;AAAA,UACT,WAAa,EAAA,mBAAA;AAAA,UAEb,QAAA,kBAAA,GAAA;AAAA,YAAC,IAAA,CAAK,UAAU,YAAa,CAAA,8BAAA;AAAA,YAA5B;AAAA,cACC,SAAS,IAAK,CAAA,EAAA;AAAA,cAEd,QAAA,kBAAA,GAAA,CAAC,sBACE,QACC,EAAA,SAAA,mBAAA,GAAA,CAAC,WAAQ,WAAa,EAAA,mBAAA,CAAoB,WAAa,EAAA,CAAA,GACrD,IACN,EAAA,CAAA;AAAA,aAAA;AAAA,WACF;AAAA,SAAA;AAAA,SAEJ,CACF,EAAA,CAAA,CAAA;AAAA,KAEJ,CAAA,CAAA;AAxNE,IAAA,IAAA,CAAK,SAAY,GAAA,SAAA,CAAA;AACjB,IAAA,IAAA,CAAK,EAAK,GAAA,EAAA,CAAA;AACV,IAAA,YAAA,CAAA,IAAA,EAAK,UAAS,OAAQ,EAAA,CAAA;AAEtB,IAAA,IAAA,CAAK,MAAS,GAAA,YAAA;AAAA,sBACZ,GAAA;AAAA,QAAC,IAAK,CAAA,YAAA;AAAA,QAAL;AAAA,UACC,oBAAsBD,EAAAA,eAAAA;AAAA,UACtB,OAAS,EAAA,WAAA,CAAY,IAAK,CAAA,KAAA,CAAM,IAAI,CAAA;AAAA,SAAA;AAAA,OACtC;AAAA,MACA,IAAK,CAAA,YAAA,EAAe,CAAA,aAAA,CAAc,iBAAiB,CAAA;AAAA,MACnD,IAAK,CAAA,EAAA;AAAA,KACP,CAAA;AAAA,GACF;AAAA,EAkHA,YAAe,GAAA;AACb,IAAA,MAAM,QAAQ,QAAS,CAAA,aAAA;AAAA,MACrB,CAAA,UAAA,EAAa,KAAK,EAAE,CAAA,cAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAQ,OAAA,CAAA,KAAA,CAAM,yBAA2B,EAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAChD,MAAM,MAAA,IAAI,MAAM,yBAAyB,CAAA,CAAA;AAAA,KAC3C;AAEA,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAAA,EAEA,aAAgB,GAAA;AACd,IAAA,OAAOC,KAAgB,CAAA,QAAA,EAAW,CAAA,eAAA,CAAgB,KAAK,EAAE,CAAA,CAAA;AAAA,GAC3D;AAAA,EAEA,IAAO,GAAA;AACL,IAAM,MAAA,SAAA,GAAY,KAAK,YAAa,EAAA,CAAA;AACpC,IAAA,SAAA,CAAU,MAAM,OAAU,GAAA,MAAA,CAAA;AAC1B,IAAA,SAAA,CAAU,UAAa,GAAA,MAAA,CAAA;AAEvB,IAAA,IAAA,CAAK,SAAY,GAAA,KAAA,CAAA;AACjB,IAAK,IAAA,CAAA,IAAA,CAAK,WAAa,EAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AAAA,GACvC;AAAA,EAEA,OAAU,GAAA;AACR,IAAA,OAAO,IAAK,CAAA,UAAA,CAAW,EAAE,MAAA,EAAQ,WAAW,CAAA,CAAA;AAAA,GAC9C;AAAA,EAEA,YAAe,GAAA;AACb,IAAA,IAAA,CAAK,SAAY,GAAA,IAAA,CAAA;AACjB,IAAK,IAAA,CAAA,IAAA,CAAK,aAAa,IAAI,CAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,IAAO,GAAA;AACL,IAAM,MAAA,SAAA,GAAY,KAAK,YAAa,EAAA,CAAA;AACpC,IAAA,SAAA,CAAU,MAAM,OAAU,GAAA,OAAA,CAAA;AAC1B,IAAA,SAAA,CAAU,UAAa,GAAA,OAAA,CAAA;AAEvB,IAAA,IAAA,CAAK,SAAY,GAAA,IAAA,CAAA;AACjB,IAAA,IAAA,CAAK,SAAY,GAAA,IAAA,CAAA;AACjB,IAAK,IAAA,CAAA,IAAA,CAAK,WAAa,EAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AAAA,GACvC;AAgDF,CAAA;AA3ME,SAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AAeA,QAAA,GAAA,IAAA,OAAA,EAAA;;;;"}
@@ -1,6 +0,0 @@
1
- import { DashboardPanel } from './DashboardPanel.js';
2
-
3
- declare function useDashboardPanel(): DashboardPanel;
4
-
5
- export { useDashboardPanel };
6
- //# sourceMappingURL=DashboardPanelContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DashboardPanelContext.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,12 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
-
3
- const DashboardPanelContext = createContext(null);
4
- function useDashboardPanel() {
5
- const context = useContext(DashboardPanelContext);
6
- if (!context)
7
- throw new Error("There is no DashboardPanelContext");
8
- return context;
9
- }
10
-
11
- export { DashboardPanelContext, useDashboardPanel };
12
- //# sourceMappingURL=DashboardPanelContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DashboardPanelContext.js","sources":["../../src/dashboard/DashboardPanelContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\r\nimport { DashboardPanel } from './DashboardPanel';\r\n\r\nexport const DashboardPanelContext = createContext<DashboardPanel | null>(null);\r\n\r\nexport function useDashboardPanel() {\r\n const context = useContext(DashboardPanelContext);\r\n\r\n if (!context) throw new Error('There is no DashboardPanelContext');\r\n\r\n return context;\r\n}\r\n"],"names":[],"mappings":";;AAGa,MAAA,qBAAA,GAAwB,cAAqC,IAAI,EAAA;AAEvE,SAAS,iBAAoB,GAAA;AAClC,EAAM,MAAA,OAAA,GAAU,WAAW,qBAAqB,CAAA,CAAA;AAEhD,EAAA,IAAI,CAAC,OAAA;AAAS,IAAM,MAAA,IAAI,MAAM,mCAAmC,CAAA,CAAA;AAEjE,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}
@@ -1,33 +0,0 @@
1
- import * as react from 'react';
2
- import { ReactNode } from 'react';
3
- import { Dashboard } from './dashboard.js';
4
-
5
- declare global {
6
- interface Window {
7
- DASH_COURTAIN_TRESHOLD?: number;
8
- }
9
- }
10
- declare class DashboardPanelsBootstraper {
11
- #private;
12
- dashboard: Dashboard;
13
- constructor(dashboard: Dashboard);
14
- /**
15
- * El bootstraper se basa en dos elementos: setHasLoadedInitialData y
16
- * SuspendPanelUntilDashboardReady.
17
- *
18
- * El funcionamiento es muy elemental: Cada panel utiliza el Suspend como
19
- * wrapper y éste registra el id del panel en un array de paneles pendientes
20
- * por cargar.
21
- *
22
- * Una vez que todos los paneles cargaron, el suspense retoma su tarea y
23
- * renderiza el panel normalmente.
24
- */
25
- setPanelHasLoaded: (panelId: string) => void;
26
- SuspendPanelUntilDashbordReady: ({ children, panelId, }: {
27
- children: ReactNode;
28
- panelId: string;
29
- }) => react.JSX.Element;
30
- }
31
-
32
- export { DashboardPanelsBootstraper };
33
- //# sourceMappingURL=DashboardPanelsBootstraper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DashboardPanelsBootstraper.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,135 +0,0 @@
1
- import { jsx, jsxs } from '@apia/theme/jsx-runtime';
2
- import { useState, useDeferredValue, useCallback, Suspense } from 'react';
3
-
4
- var __defProp = Object.defineProperty;
5
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
- var __publicField = (obj, key, value) => {
7
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
8
- return value;
9
- };
10
- var __accessCheck = (obj, member, msg) => {
11
- if (!member.has(obj))
12
- throw TypeError("Cannot " + msg);
13
- };
14
- var __privateGet = (obj, member, getter) => {
15
- __accessCheck(obj, member, "read from private field");
16
- return member.get(obj);
17
- };
18
- var __privateAdd = (obj, member, value) => {
19
- if (member.has(obj))
20
- throw TypeError("Cannot add the same private member more than once");
21
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
22
- };
23
- var __privateSet = (obj, member, value, setter) => {
24
- __accessCheck(obj, member, "write to private field");
25
- member.set(obj, value);
26
- return value;
27
- };
28
- var _hasLoadedAll, _bootstrappedPanels, _hasLoaded, _initTimestamp, _timeoutTreshold, _checkAllHasLoaded, _removeSkeletons;
29
- class DashboardPanelsBootstraper {
30
- constructor(dashboard) {
31
- this.dashboard = dashboard;
32
- __privateAdd(this, _hasLoadedAll, false);
33
- __privateAdd(this, _bootstrappedPanels, {});
34
- __privateAdd(this, _hasLoaded, {});
35
- __privateAdd(this, _initTimestamp, Date.now());
36
- __privateAdd(this, _timeoutTreshold, (window.DASH_COURTAIN_TRESHOLD ?? 5) * 1e3);
37
- __privateAdd(this, _checkAllHasLoaded, () => {
38
- if (__privateGet(this, _hasLoadedAll))
39
- return true;
40
- const keys = Object.keys(__privateGet(this, _bootstrappedPanels));
41
- const hasLoadedAllPanels = !keys.find(
42
- (current) => !__privateGet(this, _hasLoaded)[current] && this.dashboard.getPanel(current).isVisible
43
- );
44
- const hasTimedOutLoading = Date.now() - __privateGet(this, _initTimestamp) > __privateGet(this, _timeoutTreshold);
45
- if (hasLoadedAllPanels || hasTimedOutLoading) {
46
- if (hasTimedOutLoading) {
47
- const nonBootstrappedPanels = Object.keys(__privateGet(this, _bootstrappedPanels)).filter((current) => !__privateGet(this, _hasLoaded)[current]).map((panelId) => {
48
- const panelProps = this.dashboard.getPanel(panelId).props;
49
- return panelProps;
50
- });
51
- console.warn(
52
- `The courtain was removed because of timeout, check that all panels are reporting according to useYieldPanelIsReady's documentation.
53
-
54
- It might have happened that all panels are reporting but the browser was too busy to handle all of them in time, in order to determine what is actually happen you can raise the DASH_COURTAIN_TRESHOLD to a very large number, like 20 for example.`,
55
- { nonBootstrappedPanels }
56
- );
57
- }
58
- __privateSet(this, _hasLoadedAll, true);
59
- __privateGet(this, _removeSkeletons).call(this);
60
- return true;
61
- }
62
- return false;
63
- });
64
- __privateAdd(this, _removeSkeletons, () => {
65
- const skeleton = document.querySelector(
66
- "#DashLayoutCourtain"
67
- );
68
- const dashContent = document.querySelector(
69
- "#DashLayoutContent"
70
- );
71
- skeleton.style.display = "none";
72
- dashContent.style.visibility = "initial";
73
- skeleton.remove();
74
- });
75
- /**
76
- * El bootstraper se basa en dos elementos: setHasLoadedInitialData y
77
- * SuspendPanelUntilDashboardReady.
78
- *
79
- * El funcionamiento es muy elemental: Cada panel utiliza el Suspend como
80
- * wrapper y éste registra el id del panel en un array de paneles pendientes
81
- * por cargar.
82
- *
83
- * Una vez que todos los paneles cargaron, el suspense retoma su tarea y
84
- * renderiza el panel normalmente.
85
- */
86
- __publicField(this, "setPanelHasLoaded", (panelId) => {
87
- __privateGet(this, _hasLoaded)[panelId] = true;
88
- this.dashboard.getPanel(panelId).setHasLoaded();
89
- });
90
- __publicField(this, "SuspendPanelUntilDashbordReady", ({
91
- children,
92
- panelId
93
- }) => {
94
- const [hasBootstraped, setHasBootstraped] = useState(false);
95
- const deferredHasBootstraped = useDeferredValue(hasBootstraped);
96
- __privateGet(this, _bootstrappedPanels)[panelId] = true;
97
- const LoadWaiter = useCallback(() => {
98
- if (!__privateGet(this, _checkAllHasLoaded).call(this))
99
- void new Promise((resolve) => {
100
- const interval = setInterval(() => {
101
- if (__privateGet(this, _checkAllHasLoaded).call(this)) {
102
- resolve();
103
- clearInterval(interval);
104
- }
105
- }, 300);
106
- });
107
- return null;
108
- }, []);
109
- if (!deferredHasBootstraped)
110
- return /* @__PURE__ */ jsx(
111
- "div",
112
- {
113
- ref: (el) => {
114
- if (el)
115
- setHasBootstraped(true);
116
- }
117
- }
118
- );
119
- return /* @__PURE__ */ jsxs(Suspense, { fallback: null, children: [
120
- children,
121
- /* @__PURE__ */ jsx(LoadWaiter, {})
122
- ] });
123
- });
124
- }
125
- }
126
- _hasLoadedAll = new WeakMap();
127
- _bootstrappedPanels = new WeakMap();
128
- _hasLoaded = new WeakMap();
129
- _initTimestamp = new WeakMap();
130
- _timeoutTreshold = new WeakMap();
131
- _checkAllHasLoaded = new WeakMap();
132
- _removeSkeletons = new WeakMap();
133
-
134
- export { DashboardPanelsBootstraper };
135
- //# sourceMappingURL=DashboardPanelsBootstraper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DashboardPanelsBootstraper.js","sources":["../../src/dashboard/DashboardPanelsBootstraper.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-throw-literal */\r\nimport {\r\n ReactNode,\r\n Suspense,\r\n useCallback,\r\n useDeferredValue,\r\n useState,\r\n} from 'react';\r\nimport { Dashboard } from './dashboard';\r\n\r\ndeclare global {\r\n interface Window {\r\n DASH_COURTAIN_TRESHOLD?: number;\r\n }\r\n}\r\n\r\nexport class DashboardPanelsBootstraper {\r\n #hasLoadedAll = false;\r\n #bootstrappedPanels: Record<string, boolean> = {};\r\n #hasLoaded: Record<string, boolean> = {};\r\n\r\n #initTimestamp = Date.now();\r\n #timeoutTreshold = (window.DASH_COURTAIN_TRESHOLD ?? 5) * 1000;\r\n\r\n constructor(public dashboard: Dashboard) {}\r\n\r\n #checkAllHasLoaded = () => {\r\n if (this.#hasLoadedAll) return true;\r\n\r\n const keys = Object.keys(this.#bootstrappedPanels);\r\n const hasLoadedAllPanels = !keys.find(\r\n (current) =>\r\n !this.#hasLoaded[current] && this.dashboard.getPanel(current).isVisible,\r\n );\r\n const hasTimedOutLoading =\r\n Date.now() - this.#initTimestamp > this.#timeoutTreshold;\r\n\r\n if (hasLoadedAllPanels || hasTimedOutLoading) {\r\n if (hasTimedOutLoading) {\r\n const nonBootstrappedPanels = Object.keys(this.#bootstrappedPanels)\r\n .filter((current) => !this.#hasLoaded[current])\r\n .map((panelId) => {\r\n const panelProps = this.dashboard.getPanel(panelId).props;\r\n return panelProps;\r\n });\r\n\r\n console.warn(\r\n `The courtain was removed because of timeout, check that all panels are reporting according to useYieldPanelIsReady's documentation. \\n\\nIt might have happened that all panels are reporting but the browser was too busy to handle all of them in time, in order to determine what is actually happen you can raise the DASH_COURTAIN_TRESHOLD to a very large number, like 20 for example.`,\r\n { nonBootstrappedPanels },\r\n );\r\n }\r\n\r\n this.#hasLoadedAll = true;\r\n this.#removeSkeletons();\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n #removeSkeletons = () => {\r\n const skeleton = document.querySelector(\r\n '#DashLayoutCourtain',\r\n ) as HTMLElement;\r\n const dashContent = document.querySelector(\r\n '#DashLayoutContent',\r\n ) as HTMLElement;\r\n\r\n skeleton.style.display = 'none';\r\n dashContent.style.visibility = 'initial';\r\n skeleton.remove();\r\n };\r\n\r\n /**\r\n * El bootstraper se basa en dos elementos: setHasLoadedInitialData y\r\n * SuspendPanelUntilDashboardReady.\r\n *\r\n * El funcionamiento es muy elemental: Cada panel utiliza el Suspend como\r\n * wrapper y éste registra el id del panel en un array de paneles pendientes\r\n * por cargar.\r\n *\r\n * Una vez que todos los paneles cargaron, el suspense retoma su tarea y\r\n * renderiza el panel normalmente.\r\n */\r\n setPanelHasLoaded = (panelId: string) => {\r\n this.#hasLoaded[panelId] = true;\r\n this.dashboard.getPanel(panelId).setHasLoaded();\r\n };\r\n\r\n SuspendPanelUntilDashbordReady = ({\r\n children,\r\n panelId,\r\n }: {\r\n children: ReactNode;\r\n panelId: string;\r\n }) => {\r\n const [hasBootstraped, setHasBootstraped] = useState(false);\r\n const deferredHasBootstraped = useDeferredValue(hasBootstraped);\r\n this.#bootstrappedPanels[panelId] = true;\r\n\r\n const LoadWaiter = useCallback(() => {\r\n if (!this.#checkAllHasLoaded())\r\n void new Promise<void>((resolve) => {\r\n const interval = setInterval(() => {\r\n if (this.#checkAllHasLoaded()) {\r\n resolve();\r\n clearInterval(interval);\r\n }\r\n }, 300);\r\n });\r\n return null;\r\n }, []);\r\n\r\n if (!deferredHasBootstraped)\r\n return (\r\n <div\r\n ref={(el) => {\r\n if (el) setHasBootstraped(true);\r\n }}\r\n />\r\n );\r\n\r\n return (\r\n <Suspense fallback={null}>\r\n {children}\r\n <LoadWaiter />\r\n </Suspense>\r\n );\r\n };\r\n}\r\n"],"names":[],"mappings":"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"}
@@ -1,30 +0,0 @@
1
- import { EventEmitter } from '@apia/util';
2
-
3
- type TSwitchRoute = {
4
- /**
5
- * El callback será llamado si la ruta coincide.
6
- */
7
- callback: (result: RegExpMatchArray) => unknown;
8
- route: RegExp;
9
- };
10
- type TUseSwitch = TSwitchRoute[];
11
- declare class Router extends EventEmitter<{
12
- newRoute: string;
13
- }> {
14
- #private;
15
- constructor();
16
- /**
17
- * Se evaluarán las rutas en orden y la primera en coincidir será tomada como
18
- * resultado del cambio de ruta.
19
- *
20
- * Las rutas provistas deberán matchear contra el path actual. El path actual
21
- * es la porción de la ruta luego del dominio y el contexto. Ejemplo:
22
- *
23
- * http://localhost/apia => path='/'
24
- * http://localhost/apia/spa/categories/comidas/1 => path='/spa/categories/comidas/1'
25
- */
26
- useSwitch: (routes: TUseSwitch) => void;
27
- }
28
-
29
- export { Router, type TSwitchRoute, type TUseSwitch };
30
- //# sourceMappingURL=DashboardRouter.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DashboardRouter.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,74 +0,0 @@
1
- import { EventEmitter, useMount } from '@apia/util';
2
- import { useRef } from 'react';
3
- import { shallowEqual } from 'react-redux';
4
-
5
- var __defProp = Object.defineProperty;
6
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
7
- var __publicField = (obj, key, value) => {
8
- __defNormalProp(obj, key + "" , value);
9
- return value;
10
- };
11
- var __accessCheck = (obj, member, msg) => {
12
- if (!member.has(obj))
13
- throw TypeError("Cannot " + msg);
14
- };
15
- var __privateGet = (obj, member, getter) => {
16
- __accessCheck(obj, member, "read from private field");
17
- return getter ? getter.call(obj) : member.get(obj);
18
- };
19
- var __privateAdd = (obj, member, value) => {
20
- if (member.has(obj))
21
- throw TypeError("Cannot add the same private member more than once");
22
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
23
- };
24
- var _matchLocation, _evalRoutes;
25
- class Router extends EventEmitter {
26
- constructor() {
27
- super();
28
- __privateAdd(this, _matchLocation, (regexp) => {
29
- const path = "/" + (window.location.href.replaceAll("%20", " ").match(new RegExp(`${window.CONTEXT}/?([^?]+)?(?:\\?.*)?`))?.[1] ?? "");
30
- return path.match(regexp);
31
- });
32
- __privateAdd(this, _evalRoutes, (routes) => {
33
- for (let i = 0; i < routes.length; i++) {
34
- const match = __privateGet(this, _matchLocation).call(this, routes[i].route);
35
- if (match) {
36
- return { route: routes[i], match };
37
- }
38
- }
39
- });
40
- /**
41
- * Se evaluarán las rutas en orden y la primera en coincidir será tomada como
42
- * resultado del cambio de ruta.
43
- *
44
- * Las rutas provistas deberán matchear contra el path actual. El path actual
45
- * es la porción de la ruta luego del dominio y el contexto. Ejemplo:
46
- *
47
- * http://localhost/apia => path='/'
48
- * http://localhost/apia/spa/categories/comidas/1 => path='/spa/categories/comidas/1'
49
- */
50
- __publicField(this, "useSwitch", (routes) => {
51
- const lastMatch = useRef(null);
52
- useMount(() => {
53
- const result = __privateGet(this, _evalRoutes).call(this, routes);
54
- if (result) {
55
- result.route.callback(result.match);
56
- }
57
- return this.on("newRoute", () => {
58
- const result2 = __privateGet(this, _evalRoutes).call(this, routes);
59
- if (result2 && !shallowEqual(result2.match, lastMatch.current)) {
60
- result2.route.callback(result2.match);
61
- }
62
- });
63
- });
64
- });
65
- window.addEventListener("popstate", () => {
66
- this.emit("newRoute", window.location.href);
67
- });
68
- }
69
- }
70
- _matchLocation = new WeakMap();
71
- _evalRoutes = new WeakMap();
72
-
73
- export { Router };
74
- //# sourceMappingURL=DashboardRouter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DashboardRouter.js","sources":["../../src/dashboard/DashboardRouter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-for-of */\r\nimport { EventEmitter, useMount } from '@apia/util';\r\nimport { useRef } from 'react';\r\nimport { shallowEqual } from 'react-redux';\r\n\r\nexport type TSwitchRoute = {\r\n /**\r\n * El callback será llamado si la ruta coincide.\r\n */\r\n callback: (result: RegExpMatchArray) => unknown;\r\n route: RegExp;\r\n};\r\n\r\nexport type TUseSwitch = TSwitchRoute[];\r\n\r\nexport class Router extends EventEmitter<{ newRoute: string }> {\r\n #matchLocation = (regexp: RegExp) => {\r\n const path =\r\n '/' +\r\n (window.location.href\r\n .replaceAll('%20', ' ')\r\n .match(new RegExp(`${window.CONTEXT}/?([^?]+)?(?:\\\\?.*)?`))?.[1] ?? '');\r\n\r\n return path.match(regexp);\r\n };\r\n\r\n constructor() {\r\n super();\r\n\r\n window.addEventListener('popstate', () => {\r\n this.emit('newRoute', window.location.href);\r\n });\r\n }\r\n\r\n #evalRoutes = (routes: TUseSwitch) => {\r\n for (let i = 0; i < routes.length; i++) {\r\n const match = this.#matchLocation(routes[i].route);\r\n if (match) {\r\n return { route: routes[i], match };\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * Se evaluarán las rutas en orden y la primera en coincidir será tomada como\r\n * resultado del cambio de ruta.\r\n *\r\n * Las rutas provistas deberán matchear contra el path actual. El path actual\r\n * es la porción de la ruta luego del dominio y el contexto. Ejemplo:\r\n *\r\n * http://localhost/apia => path='/'\r\n * http://localhost/apia/spa/categories/comidas/1 => path='/spa/categories/comidas/1'\r\n */\r\n useSwitch = (routes: TUseSwitch) => {\r\n const lastMatch = useRef<TSwitchRoute | null>(null);\r\n\r\n useMount(() => {\r\n const result = this.#evalRoutes(routes);\r\n if (result) {\r\n result.route.callback(result.match);\r\n }\r\n\r\n return this.on('newRoute', () => {\r\n const result = this.#evalRoutes(routes);\r\n if (result && !shallowEqual(result.match, lastMatch.current)) {\r\n result.route.callback(result.match);\r\n }\r\n });\r\n });\r\n };\r\n}\r\n"],"names":["result"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,cAAA,EAAA,WAAA,CAAA;AAeO,MAAM,eAAe,YAAmC,CAAA;AAAA,EAW7D,WAAc,GAAA;AACZ,IAAM,KAAA,EAAA,CAAA;AAXR,IAAA,YAAA,CAAA,IAAA,EAAA,cAAA,EAAiB,CAAC,MAAmB,KAAA;AACnC,MAAA,MAAM,OACJ,GACC,IAAA,MAAA,CAAO,SAAS,IACd,CAAA,UAAA,CAAW,OAAO,GAAG,CAAA,CACrB,MAAM,IAAI,MAAA,CAAO,GAAG,MAAO,CAAA,OAAO,sBAAsB,CAAC,CAAA,GAAI,CAAC,CAAK,IAAA,EAAA,CAAA,CAAA;AAExE,MAAO,OAAA,IAAA,CAAK,MAAM,MAAM,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAUA,IAAA,YAAA,CAAA,IAAA,EAAA,WAAA,EAAc,CAAC,MAAuB,KAAA;AACpC,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,MAAA,CAAO,QAAQ,CAAK,EAAA,EAAA;AACtC,QAAA,MAAM,QAAQ,YAAK,CAAA,IAAA,EAAA,cAAA,CAAA,CAAL,IAAoB,CAAA,IAAA,EAAA,MAAA,CAAO,CAAC,CAAE,CAAA,KAAA,CAAA,CAAA;AAC5C,QAAA,IAAI,KAAO,EAAA;AACT,UAAA,OAAO,EAAE,KAAA,EAAO,MAAO,CAAA,CAAC,GAAG,KAAM,EAAA,CAAA;AAAA,SACnC;AAAA,OACF;AAAA,KACF,CAAA,CAAA;AAYA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAY,CAAC,MAAuB,KAAA;AAClC,MAAM,MAAA,SAAA,GAAY,OAA4B,IAAI,CAAA,CAAA;AAElD,MAAA,QAAA,CAAS,MAAM;AACb,QAAM,MAAA,MAAA,GAAS,YAAK,CAAA,IAAA,EAAA,WAAA,CAAA,CAAL,IAAiB,CAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AAChC,QAAA,IAAI,MAAQ,EAAA;AACV,UAAO,MAAA,CAAA,KAAA,CAAM,QAAS,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,SACpC;AAEA,QAAO,OAAA,IAAA,CAAK,EAAG,CAAA,UAAA,EAAY,MAAM;AAC/B,UAAMA,MAAAA,OAAAA,GAAS,YAAK,CAAA,IAAA,EAAA,WAAA,CAAA,CAAL,IAAiB,CAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AAChC,UAAA,IAAIA,WAAU,CAAC,YAAA,CAAaA,QAAO,KAAO,EAAA,SAAA,CAAU,OAAO,CAAG,EAAA;AAC5D,YAAAA,OAAO,CAAA,KAAA,CAAM,QAASA,CAAAA,OAAAA,CAAO,KAAK,CAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KACH,CAAA,CAAA;AAxCE,IAAO,MAAA,CAAA,gBAAA,CAAiB,YAAY,MAAM;AACxC,MAAA,IAAA,CAAK,IAAK,CAAA,UAAA,EAAY,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AAAA,GACH;AAsCF,CAAA;AAtDE,cAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AAkBA,WAAA,GAAA,IAAA,OAAA,EAAA;;;;"}
@@ -1,14 +0,0 @@
1
- import { jsx, Fragment, jsxs } from '@apia/theme/jsx-runtime';
2
- import { Heading } from '@apia/theme';
3
- import { usePanelIdentity } from '../common/usePanelIdentity.js';
4
-
5
- const PanelNotFound = () => {
6
- const props = usePanelIdentity();
7
- return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Heading, { children: [
8
- "Panel not found: ",
9
- props.panelType
10
- ] }) });
11
- };
12
-
13
- export { PanelNotFound };
14
- //# sourceMappingURL=PanelNotFound.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PanelNotFound.js","sources":["../../src/dashboard/PanelNotFound.tsx"],"sourcesContent":["import { Heading } from '@apia/theme';\r\nimport { usePanelIdentity } from '../common';\r\n\r\nexport const PanelNotFound = () => {\r\n const props = usePanelIdentity();\r\n\r\n return (\r\n <>\r\n <Heading>Panel not found: {props.panelType}</Heading>\r\n </>\r\n );\r\n};\r\n"],"names":[],"mappings":";;;;AAGO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,QAAQ,gBAAiB,EAAA,CAAA;AAE/B,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACE,+BAAC,OAAQ,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,mBAAA;AAAA,IAAkB,KAAM,CAAA,SAAA;AAAA,GAAA,EAAU,CAC7C,EAAA,CAAA,CAAA;AAEJ;;;;"}