@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.4
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.
- package/dist/bigconsole/assistant/assistantApi.js +5 -5
- package/dist/bigconsole/components/builder/inspector/AppearanceSection.js +33 -18
- package/dist/bigconsole/components/dashboard/WidgetPalette.js +154 -150
- package/dist/bigconsole/components/embed/renderer-manifest.js +12 -0
- package/dist/bigconsole/components/widgets/WidgetRegistry.js +122 -1
- package/dist/bigconsole/components/widgets/WidgetWrapper.js +227 -224
- package/dist/bigconsole/components/widgets/advanced/AdvancedWidgetConfig.d.ts +10 -0
- package/dist/bigconsole/components/widgets/advanced/AdvancedWidgetConfig.js +113 -0
- package/dist/bigconsole/components/widgets/advanced/AdvancedWidgets.d.ts +10 -0
- package/dist/bigconsole/components/widgets/advanced/AdvancedWidgets.js +186 -0
- package/dist/bigconsole/components/widgets/advanced/data.d.ts +36 -0
- package/dist/bigconsole/components/widgets/advanced/data.js +113 -0
- package/dist/bigconsole/components/widgets/advanced/mapData.d.ts +10 -0
- package/dist/bigconsole/components/widgets/advanced/mapData.js +22 -0
- package/dist/bigconsole/components/widgets/advanced/waterfallData.d.ts +15 -0
- package/dist/bigconsole/components/widgets/advanced/waterfallData.js +28 -0
- package/dist/bigconsole/components/widgets/chart/charts/WaterfallChart.js +34 -37
- package/dist/bigconsole/components/widgets/index.js +1 -1
- package/dist/bigconsole/components/widgets/map-widget/MapWidget.d.ts +2 -0
- package/dist/bigconsole/components/widgets/map-widget/MapWidget.js +64 -63
- package/dist/bigconsole/graphql/widgetCapabilities.d.ts +7 -0
- package/dist/bigconsole/graphql/widgetCapabilities.js +37 -0
- package/dist/bigconsole/hooks/useWidgetCatalog.js +46 -41
- package/dist/bigconsole/hooks/useWidgetOperations.js +113 -88
- package/dist/bigconsole/renderers/adapters/BigConsoleRenderer.js +8 -5
- package/dist/bigconsole/types/index.d.ts +1 -1
- package/dist/bigconsole/utils/advancedWidgetCapabilities.d.ts +14 -0
- package/dist/bigconsole/utils/advancedWidgetCapabilities.js +36 -0
- package/dist/bigconsole/utils/widgetTypeMapping.d.ts +1 -1
- package/dist/bigconsole/utils/widgetTypeMapping.js +13 -2
- package/dist/generated/wspace-operations.d.ts +61 -2
- package/dist/generated/wspace-operations.js +44 -18
- package/dist/generated/wspace-types.d.ts +34 -3
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CreateSandboxDocument as e, ExtendSandboxTtlDocument as t, GetActiveSandboxesDocument as n, GetReusableAssistantSandboxDocument as r, GetSandboxDocument as i, ProxySandboxRequestDocument as a } from "../../generated/wspace-operations.js";
|
|
2
2
|
import { BIGCONSOLE_PRODUCT as o } from "./product.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { graphqlFetch as s } from "@burdenoff/fe-libs/shared/graphql";
|
|
4
|
+
import { Kind as c, print as l } from "graphql";
|
|
5
5
|
import { ASSISTANT_API_AUTH_STRATEGY as u, getImageForMode as d, getImageTagForMode as f, resolveSandboxAssistantMode as p } from "@burdenoff/fe-libs/shared/assistant/images";
|
|
6
6
|
//#region src/bigconsole/assistant/assistantApi.ts
|
|
7
7
|
var m = o;
|
|
@@ -33,7 +33,7 @@ function v(e) {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
function y(e) {
|
|
36
|
-
return e.definitions.find((e) => e.kind ===
|
|
36
|
+
return e.definitions.find((e) => e.kind === c.OPERATION_DEFINITION)?.name?.value;
|
|
37
37
|
}
|
|
38
38
|
function b() {
|
|
39
39
|
try {
|
|
@@ -67,9 +67,9 @@ async function S(e) {
|
|
|
67
67
|
throw t;
|
|
68
68
|
}
|
|
69
69
|
async function C(e) {
|
|
70
|
-
let t = y(e.document), n = await
|
|
70
|
+
let t = y(e.document), n = await s({
|
|
71
71
|
gateway: "workspace",
|
|
72
|
-
query:
|
|
72
|
+
query: l(e.document),
|
|
73
73
|
variables: e.variables,
|
|
74
74
|
operationName: t,
|
|
75
75
|
authToken: e.authContext?.accessToken ?? void 0,
|
|
@@ -7,48 +7,63 @@ import i from "../../widgets/list/ListConfig.js";
|
|
|
7
7
|
import a from "../../widgets/metric-card/MetricCardConfig.js";
|
|
8
8
|
import o from "../../widgets/progress/ProgressConfig.js";
|
|
9
9
|
import s from "../../widgets/table/TableConfig.js";
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
10
|
+
import { AdvancedWidgetConfig as c } from "../../widgets/advanced/AdvancedWidgetConfig.js";
|
|
11
|
+
import { memo as l } from "react";
|
|
12
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
13
|
+
import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
12
14
|
//#region src/bigconsole/components/builder/inspector/AppearanceSection.tsx
|
|
13
|
-
function
|
|
15
|
+
function f(e) {
|
|
14
16
|
return e;
|
|
15
17
|
}
|
|
16
|
-
function
|
|
18
|
+
function p(e) {
|
|
17
19
|
switch (e) {
|
|
18
20
|
case "metric_card":
|
|
19
|
-
case "kpi_card_comparison": return
|
|
21
|
+
case "kpi_card_comparison": return f(a);
|
|
20
22
|
case "chart":
|
|
21
|
-
case "funnel_chart": return
|
|
23
|
+
case "funnel_chart": return f(t);
|
|
22
24
|
case "table":
|
|
23
|
-
case "pivot_table": return
|
|
24
|
-
case "gauge": return
|
|
25
|
-
case "progress": return
|
|
26
|
-
case "list": return
|
|
27
|
-
case "heatmap": return
|
|
25
|
+
case "pivot_table": return f(s);
|
|
26
|
+
case "gauge": return f(n);
|
|
27
|
+
case "progress": return f(o);
|
|
28
|
+
case "list": return f(i);
|
|
29
|
+
case "heatmap": return f(r);
|
|
28
30
|
default: return null;
|
|
29
31
|
}
|
|
30
32
|
}
|
|
31
|
-
var
|
|
32
|
-
let i = d(t);
|
|
33
|
-
return
|
|
33
|
+
var m = l(function({ widgetType: t, config: n, onChange: r }) {
|
|
34
|
+
let { t: i } = d(), a = p(t);
|
|
35
|
+
return [
|
|
36
|
+
"map",
|
|
37
|
+
"waterfall",
|
|
38
|
+
"sankey",
|
|
39
|
+
"box_plot"
|
|
40
|
+
].includes(t) ? /* @__PURE__ */ u(e, {
|
|
41
|
+
title: i("bigconsole.widget.advanced.fieldMappings", "Field mappings"),
|
|
42
|
+
"data-testid": "advanced-widget-config",
|
|
43
|
+
children: /* @__PURE__ */ u(c, {
|
|
44
|
+
type: t,
|
|
45
|
+
config: n,
|
|
46
|
+
onChange: r
|
|
47
|
+
})
|
|
48
|
+
}) : a ? /* @__PURE__ */ u(e, {
|
|
34
49
|
title: "Style",
|
|
35
50
|
description: "Presentation options for this widget type. Data and identity live on the other tabs.",
|
|
36
51
|
"data-testid": "widget-inspector-style",
|
|
37
|
-
children: /* @__PURE__ */
|
|
52
|
+
children: /* @__PURE__ */ u(a, {
|
|
38
53
|
config: n,
|
|
39
54
|
onChange: r
|
|
40
55
|
})
|
|
41
|
-
}) : /* @__PURE__ */
|
|
56
|
+
}) : /* @__PURE__ */ u(e, {
|
|
42
57
|
tone: "info",
|
|
43
58
|
padding: "compact",
|
|
44
59
|
title: "No style options",
|
|
45
60
|
headingLevel: 3,
|
|
46
61
|
"data-testid": "widget-inspector-style-empty",
|
|
47
|
-
children: /* @__PURE__ */
|
|
62
|
+
children: /* @__PURE__ */ u("p", {
|
|
48
63
|
className: "text-sm text-text-secondary",
|
|
49
64
|
children: "This widget type renders from its data and template, so there is nothing to style here."
|
|
50
65
|
})
|
|
51
66
|
});
|
|
52
67
|
});
|
|
53
68
|
//#endregion
|
|
54
|
-
export {
|
|
69
|
+
export { m as AppearanceSection };
|
|
@@ -3,35 +3,36 @@ import "../../context/index.js";
|
|
|
3
3
|
import { SECTION_FOCUS_RING as n } from "../common/sectionStyles.js";
|
|
4
4
|
import "../common/index.js";
|
|
5
5
|
import { WIDGET_CATEGORY_LABELS as r, getWidgetCategories as i, getWidgetKey as a } from "../widgets/WidgetRegistry.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
6
|
+
import { filterAdvancedWidgetDefinitions as o } from "../../utils/advancedWidgetCapabilities.js";
|
|
7
|
+
import { memo as s, useCallback as c, useMemo as l, useState as u } from "react";
|
|
8
|
+
import { Activity as d, BarChart3 as f, Calendar as p, ChevronDown as m, ChevronRight as h, Columns as g, ExternalLink as _, FileText as v, Filter as y, Gauge as b, GitBranch as x, Grid3x3 as S, GripVertical as C, Layers as w, LayoutDashboard as T, List as E, MapPin as D, Puzzle as O, Search as k, Store as A, Table as j, TrendingUp as M, Type as N, X as P } from "lucide-react";
|
|
9
|
+
import { Input as F } from "@burdenoff/fe-libs/ui";
|
|
10
|
+
import { jsx as I, jsxs as L } from "react/jsx-runtime";
|
|
11
|
+
import { useI18n as R } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
11
12
|
//#region src/bigconsole/components/dashboard/WidgetPalette.tsx
|
|
12
|
-
var
|
|
13
|
-
TrendingUp:
|
|
14
|
-
BarChart3:
|
|
15
|
-
Filter:
|
|
16
|
-
Table:
|
|
17
|
-
Grid3x3:
|
|
18
|
-
Gauge:
|
|
19
|
-
Activity:
|
|
20
|
-
List:
|
|
21
|
-
FileText:
|
|
22
|
-
Type:
|
|
23
|
-
ExternalLink:
|
|
24
|
-
MapPin:
|
|
25
|
-
Calendar:
|
|
26
|
-
Columns:
|
|
27
|
-
GitBranch:
|
|
28
|
-
Puzzle:
|
|
29
|
-
LayoutDashboard:
|
|
13
|
+
var z = {
|
|
14
|
+
TrendingUp: M,
|
|
15
|
+
BarChart3: f,
|
|
16
|
+
Filter: y,
|
|
17
|
+
Table: j,
|
|
18
|
+
Grid3x3: S,
|
|
19
|
+
Gauge: b,
|
|
20
|
+
Activity: d,
|
|
21
|
+
List: E,
|
|
22
|
+
FileText: v,
|
|
23
|
+
Type: N,
|
|
24
|
+
ExternalLink: _,
|
|
25
|
+
MapPin: D,
|
|
26
|
+
Calendar: p,
|
|
27
|
+
Columns: g,
|
|
28
|
+
GitBranch: x,
|
|
29
|
+
Puzzle: O,
|
|
30
|
+
LayoutDashboard: T
|
|
30
31
|
};
|
|
31
|
-
function
|
|
32
|
-
return
|
|
32
|
+
function B(e) {
|
|
33
|
+
return z[e] || O;
|
|
33
34
|
}
|
|
34
|
-
var
|
|
35
|
+
var V = {
|
|
35
36
|
container: {
|
|
36
37
|
backgroundColor: "var(--color-bg-surface)",
|
|
37
38
|
display: "flex",
|
|
@@ -306,8 +307,8 @@ var B = {
|
|
|
306
307
|
cursor: "pointer",
|
|
307
308
|
transition: "border-color 0.15s, color 0.15s"
|
|
308
309
|
}
|
|
309
|
-
},
|
|
310
|
-
let { t:
|
|
310
|
+
}, H = s(function({ isOpen: s, onClose: d, onWidgetSelect: f, onDragStart: p, onDragEnd: g, installedWidgets: v = [], installedWidgetsLoading: y = !1, definitions: b }) {
|
|
311
|
+
let { t: x } = R(), S = t(), T = e(), [E, D] = u(""), [O, j] = u(new Set([
|
|
311
312
|
"KPI",
|
|
312
313
|
"Visualization",
|
|
313
314
|
"Data",
|
|
@@ -315,14 +316,17 @@ var B = {
|
|
|
315
316
|
"Temporal",
|
|
316
317
|
"Custom",
|
|
317
318
|
"Installed"
|
|
318
|
-
])), [
|
|
319
|
+
])), [M, N] = u(null), z = l(() => (b ? Object.keys(r).map((e) => ({
|
|
319
320
|
category: e,
|
|
320
321
|
label: r[e],
|
|
321
|
-
widgets:
|
|
322
|
-
})) : i()
|
|
322
|
+
widgets: b.filter((t) => t.category === e)
|
|
323
|
+
})) : i().map((e) => ({
|
|
324
|
+
...e,
|
|
325
|
+
widgets: o(e.widgets, [])
|
|
326
|
+
}))).map((e) => {
|
|
323
327
|
if (e.category === "Installed") {
|
|
324
328
|
let t = /* @__PURE__ */ new Map();
|
|
325
|
-
for (let e of
|
|
329
|
+
for (let e of v) t.set(e.name.toLowerCase(), e);
|
|
326
330
|
for (let n of e.widgets) {
|
|
327
331
|
let e = n.name.toLowerCase(), r = t.get(e);
|
|
328
332
|
t.set(e, r ? {
|
|
@@ -339,19 +343,19 @@ var B = {
|
|
|
339
343
|
};
|
|
340
344
|
}
|
|
341
345
|
return e;
|
|
342
|
-
}).filter((e) => e.category !== "Installed" || e.widgets.length > 0), [
|
|
343
|
-
if (!
|
|
344
|
-
let e =
|
|
345
|
-
return
|
|
346
|
+
}).filter((e) => e.category !== "Installed" || e.widgets.length > 0), [v, b]), H = l(() => {
|
|
347
|
+
if (!E.trim()) return z;
|
|
348
|
+
let e = E.toLowerCase();
|
|
349
|
+
return z.map((t) => ({
|
|
346
350
|
...t,
|
|
347
351
|
widgets: t.widgets.filter((t) => t.name.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.tags.some((t) => t.includes(e)))
|
|
348
352
|
})).filter((e) => e.widgets.length > 0);
|
|
349
|
-
}, [
|
|
350
|
-
|
|
353
|
+
}, [z, E]), U = c((e) => {
|
|
354
|
+
j((t) => {
|
|
351
355
|
let n = new Set(t);
|
|
352
356
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
353
357
|
});
|
|
354
|
-
}, []),
|
|
358
|
+
}, []), W = c((e, t) => {
|
|
355
359
|
e.dataTransfer.setData("application/json", JSON.stringify({
|
|
356
360
|
type: t.type,
|
|
357
361
|
name: t.name,
|
|
@@ -362,31 +366,31 @@ var B = {
|
|
|
362
366
|
let n = document.createElement("div");
|
|
363
367
|
n.style.cssText = "\n position: absolute;\n top: -1000px;\n left: -1000px;\n padding: 8px 12px;\n background: var(--color-bg-surface);\n border: 2px solid var(--color-action-primary-bg);\n border-radius: var(--radius-card);\n font-size: var(--font-size-body-sm);\n font-weight: 500;\n color: var(--color-text-primary);\n box-shadow: var(--shadow-elevation-3);\n ", n.textContent = t.name, document.body.appendChild(n), e.dataTransfer.setDragImage(n, 0, 0), setTimeout(() => {
|
|
364
368
|
document.body.removeChild(n);
|
|
365
|
-
}, 0),
|
|
366
|
-
}, [
|
|
367
|
-
|
|
368
|
-
}, [
|
|
369
|
-
|
|
370
|
-
}, [
|
|
369
|
+
}, 0), p?.(t.type, t);
|
|
370
|
+
}, [p]), G = c(() => {
|
|
371
|
+
g?.();
|
|
372
|
+
}, [g]), K = c((e) => {
|
|
373
|
+
f?.(e.type, e);
|
|
374
|
+
}, [f]), q = c(() => {
|
|
371
375
|
if (typeof window > "u") return;
|
|
372
|
-
let e = `${window.location.origin}${
|
|
376
|
+
let e = `${window.location.origin}${T}/store${window.location.search}`;
|
|
373
377
|
window.open(e, "_blank", "noopener,noreferrer");
|
|
374
|
-
}, [
|
|
375
|
-
return
|
|
378
|
+
}, [T]);
|
|
379
|
+
return s ? /* @__PURE__ */ L("section", {
|
|
376
380
|
"aria-label": "Widget palette",
|
|
377
381
|
"data-testid": "widget-palette",
|
|
378
|
-
style:
|
|
382
|
+
style: V.container,
|
|
379
383
|
className: "h-auto max-h-[45vh] w-full border-b border-[var(--color-border-subtle)] md:h-full md:max-h-none md:w-[300px] md:border-b-0 md:border-r",
|
|
380
384
|
children: [
|
|
381
|
-
/* @__PURE__ */
|
|
382
|
-
style:
|
|
383
|
-
children: [/* @__PURE__ */
|
|
384
|
-
style:
|
|
385
|
-
children: [/* @__PURE__ */
|
|
386
|
-
style:
|
|
387
|
-
children: [/* @__PURE__ */
|
|
388
|
-
style:
|
|
389
|
-
children: /* @__PURE__ */
|
|
385
|
+
/* @__PURE__ */ L("div", {
|
|
386
|
+
style: V.header,
|
|
387
|
+
children: [/* @__PURE__ */ L("div", {
|
|
388
|
+
style: V.headerTop,
|
|
389
|
+
children: [/* @__PURE__ */ L("div", {
|
|
390
|
+
style: V.headerTitle,
|
|
391
|
+
children: [/* @__PURE__ */ I("div", {
|
|
392
|
+
style: V.headerIcon,
|
|
393
|
+
children: /* @__PURE__ */ I(w, {
|
|
390
394
|
"aria-hidden": "true",
|
|
391
395
|
style: {
|
|
392
396
|
width: "18px",
|
|
@@ -394,21 +398,21 @@ var B = {
|
|
|
394
398
|
color: "var(--color-action-primary-text)"
|
|
395
399
|
}
|
|
396
400
|
})
|
|
397
|
-
}), /* @__PURE__ */
|
|
398
|
-
style:
|
|
399
|
-
children:
|
|
400
|
-
}), /* @__PURE__ */
|
|
401
|
-
style:
|
|
402
|
-
children:
|
|
401
|
+
}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("h2", {
|
|
402
|
+
style: V.title,
|
|
403
|
+
children: x("bigconsole.dashboards.widgetPalette.title", "Widgets")
|
|
404
|
+
}), /* @__PURE__ */ I("p", {
|
|
405
|
+
style: V.subtitle,
|
|
406
|
+
children: x("bigconsole.dashboards.widgetPalette.subtitle", "Drag or click to add")
|
|
403
407
|
})] })]
|
|
404
|
-
}), /* @__PURE__ */
|
|
408
|
+
}), /* @__PURE__ */ I("button", {
|
|
405
409
|
type: "button",
|
|
406
|
-
onClick:
|
|
410
|
+
onClick: d,
|
|
407
411
|
"aria-label": "Close widget palette",
|
|
408
412
|
title: "Close widget palette",
|
|
409
|
-
style:
|
|
413
|
+
style: V.closeButton,
|
|
410
414
|
className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${n}`,
|
|
411
|
-
children: /* @__PURE__ */
|
|
415
|
+
children: /* @__PURE__ */ I(P, {
|
|
412
416
|
"aria-hidden": "true",
|
|
413
417
|
style: {
|
|
414
418
|
width: "16px",
|
|
@@ -416,110 +420,110 @@ var B = {
|
|
|
416
420
|
}
|
|
417
421
|
})
|
|
418
422
|
})]
|
|
419
|
-
}), /* @__PURE__ */
|
|
420
|
-
style:
|
|
423
|
+
}), /* @__PURE__ */ L("div", {
|
|
424
|
+
style: V.searchContainer,
|
|
421
425
|
children: [
|
|
422
|
-
/* @__PURE__ */
|
|
426
|
+
/* @__PURE__ */ I("label", {
|
|
423
427
|
htmlFor: "widget-palette-search",
|
|
424
428
|
className: "sr-only",
|
|
425
429
|
children: "Search widgets"
|
|
426
430
|
}),
|
|
427
|
-
/* @__PURE__ */
|
|
431
|
+
/* @__PURE__ */ I(k, {
|
|
428
432
|
"aria-hidden": "true",
|
|
429
|
-
style:
|
|
433
|
+
style: V.searchIcon
|
|
430
434
|
}),
|
|
431
|
-
/* @__PURE__ */ F
|
|
435
|
+
/* @__PURE__ */ I(F, {
|
|
432
436
|
id: "widget-palette-search",
|
|
433
437
|
type: "text",
|
|
434
|
-
placeholder:
|
|
435
|
-
value:
|
|
436
|
-
onChange: (e) =>
|
|
437
|
-
style:
|
|
438
|
+
placeholder: x("bigconsole.dashboards.widgetPalette.searchPlaceholder", "Search widgets..."),
|
|
439
|
+
value: E,
|
|
440
|
+
onChange: (e) => D(e.target.value),
|
|
441
|
+
style: V.searchInput
|
|
438
442
|
})
|
|
439
443
|
]
|
|
440
444
|
})]
|
|
441
445
|
}),
|
|
442
|
-
/* @__PURE__ */
|
|
443
|
-
style:
|
|
444
|
-
children: /* @__PURE__ */
|
|
445
|
-
style:
|
|
446
|
-
children: [
|
|
447
|
-
let t =
|
|
448
|
-
return /* @__PURE__ */
|
|
449
|
-
style:
|
|
450
|
-
children: [/* @__PURE__ */
|
|
451
|
-
style:
|
|
452
|
-
children: /* @__PURE__ */
|
|
446
|
+
/* @__PURE__ */ I("div", {
|
|
447
|
+
style: V.content,
|
|
448
|
+
children: /* @__PURE__ */ L("div", {
|
|
449
|
+
style: V.scrollArea,
|
|
450
|
+
children: [H.map((e) => {
|
|
451
|
+
let t = O.has(e.category), r = `widget-palette-${e.category.toLowerCase()}`;
|
|
452
|
+
return /* @__PURE__ */ L("div", {
|
|
453
|
+
style: V.categoryContainer,
|
|
454
|
+
children: [/* @__PURE__ */ I("h3", {
|
|
455
|
+
style: V.categoryHeading,
|
|
456
|
+
children: /* @__PURE__ */ L("button", {
|
|
453
457
|
type: "button",
|
|
454
|
-
onClick: () =>
|
|
458
|
+
onClick: () => U(e.category),
|
|
455
459
|
"aria-expanded": t,
|
|
456
460
|
"aria-controls": r,
|
|
457
|
-
style:
|
|
461
|
+
style: V.categoryHeader,
|
|
458
462
|
className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${n}`,
|
|
459
463
|
children: [
|
|
460
|
-
|
|
464
|
+
I(t ? m : h, {
|
|
461
465
|
"aria-hidden": "true",
|
|
462
|
-
style:
|
|
466
|
+
style: V.categoryChevron
|
|
463
467
|
}),
|
|
464
|
-
/* @__PURE__ */
|
|
465
|
-
style:
|
|
468
|
+
/* @__PURE__ */ I("span", {
|
|
469
|
+
style: V.categoryLabel,
|
|
466
470
|
children: e.label
|
|
467
471
|
}),
|
|
468
|
-
/* @__PURE__ */
|
|
469
|
-
style:
|
|
472
|
+
/* @__PURE__ */ I("span", {
|
|
473
|
+
style: V.categoryCount,
|
|
470
474
|
children: e.widgets.length
|
|
471
475
|
})
|
|
472
476
|
]
|
|
473
477
|
})
|
|
474
|
-
}), t && /* @__PURE__ */
|
|
478
|
+
}), t && /* @__PURE__ */ L("div", {
|
|
475
479
|
id: r,
|
|
476
|
-
style:
|
|
477
|
-
children: [
|
|
480
|
+
style: V.widgetList,
|
|
481
|
+
children: [y && e.category === "Installed" && /* @__PURE__ */ I("div", {
|
|
478
482
|
style: {
|
|
479
483
|
fontSize: "var(--font-size-body-sm)",
|
|
480
484
|
color: "var(--color-text-muted)",
|
|
481
485
|
padding: "var(--space-controlGap)"
|
|
482
486
|
},
|
|
483
|
-
children:
|
|
487
|
+
children: x("bigconsole.dashboards.widgetPalette.loading", "Loading...")
|
|
484
488
|
}), e.widgets.map((e) => {
|
|
485
|
-
let t =
|
|
486
|
-
return /* @__PURE__ */
|
|
489
|
+
let t = B(e.icon), n = a(e), r = M === n;
|
|
490
|
+
return /* @__PURE__ */ L("div", {
|
|
487
491
|
draggable: !0,
|
|
488
492
|
role: "button",
|
|
489
493
|
tabIndex: 0,
|
|
490
494
|
"aria-label": `Add ${e.name} widget`,
|
|
491
|
-
onDragStart: (t) =>
|
|
492
|
-
onDragEnd:
|
|
493
|
-
onClick: () =>
|
|
495
|
+
onDragStart: (t) => W(t, e),
|
|
496
|
+
onDragEnd: G,
|
|
497
|
+
onClick: () => K(e),
|
|
494
498
|
onKeyDown: (t) => {
|
|
495
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
499
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), K(e));
|
|
496
500
|
},
|
|
497
|
-
onMouseEnter: () =>
|
|
498
|
-
onMouseLeave: () =>
|
|
501
|
+
onMouseEnter: () => N(n),
|
|
502
|
+
onMouseLeave: () => N(null),
|
|
499
503
|
className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
|
|
500
504
|
style: {
|
|
501
|
-
...
|
|
502
|
-
...r ?
|
|
505
|
+
...V.widgetCard,
|
|
506
|
+
...r ? V.widgetCardHover : {}
|
|
503
507
|
},
|
|
504
508
|
children: [
|
|
505
|
-
/* @__PURE__ */
|
|
509
|
+
/* @__PURE__ */ I(C, {
|
|
506
510
|
"aria-hidden": "true",
|
|
507
|
-
style:
|
|
511
|
+
style: V.dragHandle
|
|
508
512
|
}),
|
|
509
|
-
/* @__PURE__ */
|
|
510
|
-
style:
|
|
511
|
-
children: /* @__PURE__ */
|
|
513
|
+
/* @__PURE__ */ I("div", {
|
|
514
|
+
style: V.widgetIcon,
|
|
515
|
+
children: /* @__PURE__ */ I(t, {
|
|
512
516
|
"aria-hidden": "true",
|
|
513
|
-
style:
|
|
517
|
+
style: V.widgetIconInner
|
|
514
518
|
})
|
|
515
519
|
}),
|
|
516
|
-
/* @__PURE__ */
|
|
517
|
-
style:
|
|
518
|
-
children: [/* @__PURE__ */
|
|
519
|
-
style:
|
|
520
|
+
/* @__PURE__ */ L("div", {
|
|
521
|
+
style: V.widgetText,
|
|
522
|
+
children: [/* @__PURE__ */ I("div", {
|
|
523
|
+
style: V.widgetName,
|
|
520
524
|
children: e.name
|
|
521
|
-
}), /* @__PURE__ */
|
|
522
|
-
style:
|
|
525
|
+
}), /* @__PURE__ */ I("div", {
|
|
526
|
+
style: V.widgetDescription,
|
|
523
527
|
children: e.description
|
|
524
528
|
})]
|
|
525
529
|
})
|
|
@@ -528,13 +532,13 @@ var B = {
|
|
|
528
532
|
})]
|
|
529
533
|
})]
|
|
530
534
|
}, e.category);
|
|
531
|
-
}),
|
|
532
|
-
style:
|
|
535
|
+
}), H.length === 0 && /* @__PURE__ */ L("div", {
|
|
536
|
+
style: V.emptyState,
|
|
533
537
|
role: "status",
|
|
534
538
|
children: [
|
|
535
|
-
/* @__PURE__ */
|
|
536
|
-
style:
|
|
537
|
-
children: /* @__PURE__ */
|
|
539
|
+
/* @__PURE__ */ I("div", {
|
|
540
|
+
style: V.emptyIcon,
|
|
541
|
+
children: /* @__PURE__ */ I(k, {
|
|
538
542
|
"aria-hidden": "true",
|
|
539
543
|
style: {
|
|
540
544
|
width: "24px",
|
|
@@ -543,47 +547,47 @@ var B = {
|
|
|
543
547
|
}
|
|
544
548
|
})
|
|
545
549
|
}),
|
|
546
|
-
/* @__PURE__ */
|
|
547
|
-
style:
|
|
550
|
+
/* @__PURE__ */ L("p", {
|
|
551
|
+
style: V.emptyTitle,
|
|
548
552
|
children: [
|
|
549
|
-
|
|
553
|
+
x("bigconsole.dashboards.widgetPalette.noResultsBefore", "No widgets found for"),
|
|
550
554
|
" “",
|
|
551
|
-
/* @__PURE__ */
|
|
555
|
+
/* @__PURE__ */ I("strong", { children: E }),
|
|
552
556
|
"”"
|
|
553
557
|
]
|
|
554
558
|
}),
|
|
555
|
-
/* @__PURE__ */
|
|
556
|
-
style:
|
|
559
|
+
/* @__PURE__ */ I("p", {
|
|
560
|
+
style: V.emptyText,
|
|
557
561
|
children: "Try a shorter term, or browse the widget store for more types."
|
|
558
562
|
}),
|
|
559
|
-
/* @__PURE__ */
|
|
563
|
+
/* @__PURE__ */ I("button", {
|
|
560
564
|
type: "button",
|
|
561
|
-
onClick: () =>
|
|
562
|
-
style:
|
|
565
|
+
onClick: () => D(""),
|
|
566
|
+
style: V.clearButton,
|
|
563
567
|
className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
|
|
564
|
-
children:
|
|
568
|
+
children: x("bigconsole.dashboards.widgetPalette.clearSearch", "Clear search")
|
|
565
569
|
})
|
|
566
570
|
]
|
|
567
571
|
})]
|
|
568
572
|
})
|
|
569
573
|
}),
|
|
570
|
-
/* @__PURE__ */
|
|
571
|
-
style:
|
|
572
|
-
children: [!
|
|
574
|
+
/* @__PURE__ */ L("div", {
|
|
575
|
+
style: V.footer,
|
|
576
|
+
children: [!S && /* @__PURE__ */ L("button", {
|
|
573
577
|
type: "button",
|
|
574
|
-
onClick:
|
|
575
|
-
style:
|
|
578
|
+
onClick: q,
|
|
579
|
+
style: V.browseStoreButton,
|
|
576
580
|
className: "hover:border-action-primary-bg hover:text-action-primary-text motion-safe:transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
|
|
577
581
|
children: [
|
|
578
|
-
/* @__PURE__ */
|
|
582
|
+
/* @__PURE__ */ I(A, {
|
|
579
583
|
"aria-hidden": "true",
|
|
580
584
|
style: {
|
|
581
585
|
width: "15px",
|
|
582
586
|
height: "15px"
|
|
583
587
|
}
|
|
584
588
|
}),
|
|
585
|
-
|
|
586
|
-
/* @__PURE__ */
|
|
589
|
+
x("bigconsole.dashboards.widgetPalette.browseStore", "Browse widget store"),
|
|
590
|
+
/* @__PURE__ */ I(_, {
|
|
587
591
|
"aria-hidden": "true",
|
|
588
592
|
style: {
|
|
589
593
|
width: "13px",
|
|
@@ -592,13 +596,13 @@ var B = {
|
|
|
592
596
|
}
|
|
593
597
|
})
|
|
594
598
|
]
|
|
595
|
-
}), /* @__PURE__ */
|
|
596
|
-
style:
|
|
597
|
-
children:
|
|
599
|
+
}), /* @__PURE__ */ I("p", {
|
|
600
|
+
style: V.footerText,
|
|
601
|
+
children: x("bigconsole.dashboards.widgetPalette.footerHint", "Drag widgets to position them on the canvas")
|
|
598
602
|
})]
|
|
599
603
|
})
|
|
600
604
|
]
|
|
601
605
|
}) : null;
|
|
602
606
|
});
|
|
603
607
|
//#endregion
|
|
604
|
-
export {
|
|
608
|
+
export { H as default };
|
|
@@ -7,6 +7,18 @@ var e = {
|
|
|
7
7
|
list: { support: "implemented" },
|
|
8
8
|
text: { support: "implemented" },
|
|
9
9
|
chart: { support: "implemented" },
|
|
10
|
+
waterfall: {
|
|
11
|
+
support: "blocked",
|
|
12
|
+
reason: "requires advanced-chart publication sanitizer and read-only embed renderer"
|
|
13
|
+
},
|
|
14
|
+
sankey: {
|
|
15
|
+
support: "blocked",
|
|
16
|
+
reason: "requires flow-data publication sanitizer and read-only embed renderer"
|
|
17
|
+
},
|
|
18
|
+
box_plot: {
|
|
19
|
+
support: "blocked",
|
|
20
|
+
reason: "requires statistical-data publication sanitizer and read-only embed renderer"
|
|
21
|
+
},
|
|
10
22
|
funnel_chart: { support: "implemented" },
|
|
11
23
|
pivot_table: { support: "implemented" },
|
|
12
24
|
gauge: { support: "implemented" },
|