@burdenoff/microfe-bigconsole 2026.1008.11 → 2026.1008.12
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/BigConsoleRoutes.d.ts.map +1 -1
- package/dist/bigconsole/BigConsoleRoutes.js +136 -127
- package/dist/bigconsole/BigConsoleRoutes.js.map +1 -1
- package/dist/bigconsole/assistant/assistantProduct.d.ts.map +1 -1
- package/dist/bigconsole/assistant/assistantProduct.js +3 -1
- package/dist/bigconsole/assistant/assistantProduct.js.map +1 -1
- package/dist/bigconsole/components/builder/inspector/DataBindingSection.js +31 -31
- package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js +44 -44
- package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js.map +1 -1
- package/dist/bigconsole/components/dashboard/DashboardCanvas.js +36 -36
- package/dist/bigconsole/components/dashboard/DashboardCanvas.js.map +1 -1
- package/dist/bigconsole/components/dashboard/DashboardToolbar.js +59 -59
- package/dist/bigconsole/components/dashboard/DrilldownBreadcrumb.js +15 -15
- package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.js +30 -30
- package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.js +41 -41
- package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.js +34 -34
- package/dist/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.js +34 -34
- package/dist/bigconsole/components/dashboard/ImportDashboardDialog.js +110 -110
- package/dist/bigconsole/components/dashboard/ImportDashboardDialog.js.map +1 -1
- package/dist/bigconsole/components/dashboard/PublishToStoreDialog.js +21 -21
- package/dist/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.js +46 -46
- package/dist/bigconsole/components/dashboard/ShareDialog/EmbedTab.js +91 -91
- package/dist/bigconsole/components/dashboard/ShareDialog/EmbedTab.js.map +1 -1
- package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.js +101 -101
- package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.js.map +1 -1
- package/dist/bigconsole/components/dashboard/TemplateInstallOptions.js +31 -31
- package/dist/bigconsole/components/dashboard/TemplateLayoutPreview.js +15 -15
- package/dist/bigconsole/components/dashboard/TemplatePicker/TemplatePicker.js +1 -1
- package/dist/bigconsole/components/dashboard/WidgetPalette.js +46 -46
- package/dist/bigconsole/components/datasink/AlertExecutionHistory.js +37 -37
- package/dist/bigconsole/components/datasink/AlertRuleEditor.js +66 -66
- package/dist/bigconsole/components/datasink/CacheTTLSelector.js +35 -35
- package/dist/bigconsole/components/datasink/DataSinkCard.js +29 -29
- package/dist/bigconsole/components/datasink/DataSinkDeleteDialog.js +18 -18
- package/dist/bigconsole/components/datasink/DataSinkRefreshDialog.js +20 -20
- package/dist/bigconsole/components/datasink/ImportDataGuideDialog.js +47 -47
- package/dist/bigconsole/components/datasink/ImportDataSinkDialog.js +91 -91
- package/dist/bigconsole/components/datasink/RefreshTypeSelector.js +35 -35
- package/dist/bigconsole/components/parser/DataSinkSelector.js +40 -40
- package/dist/bigconsole/components/parser/ImportParserDialog.js +120 -120
- package/dist/bigconsole/components/parser/ImportParserDialog.js.map +1 -1
- package/dist/bigconsole/components/parser/ParserSelector.js +51 -51
- package/dist/bigconsole/components/pipeline/PipelineScopePicker.js +10 -10
- package/dist/bigconsole/components/preview/AiPreviewMiniPanel.js +27 -27
- package/dist/bigconsole/components/preview/AiPreviewPanel.js +30 -30
- package/dist/bigconsole/components/widgets/ActionConfigDialog.js +4 -4
- package/dist/bigconsole/components/widgets/DrilldownConfigPanel.js +93 -93
- package/dist/bigconsole/components/widgets/DrilldownConfigPanel.js.map +1 -1
- package/dist/bigconsole/components/widgets/PropertiesPanel.d.ts.map +1 -1
- package/dist/bigconsole/components/widgets/PropertiesPanel.js +280 -273
- package/dist/bigconsole/components/widgets/PropertiesPanel.js.map +1 -1
- package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js +4 -4
- package/dist/bigconsole/components/widgets/chart/ChartConfig.js +48 -48
- package/dist/bigconsole/components/widgets/comments/WidgetComments.js +46 -46
- package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.js +61 -61
- package/dist/bigconsole/components/widgets/form/FormWidget.js +36 -36
- package/dist/bigconsole/components/widgets/gauge/GaugeConfig.js +42 -42
- package/dist/bigconsole/components/widgets/heatmap/HeatmapConfig.js +25 -25
- package/dist/bigconsole/components/widgets/kanban/KanbanWidget.js +4 -4
- package/dist/bigconsole/components/widgets/list/ListConfig.js +30 -30
- package/dist/bigconsole/components/widgets/metric-card/MetricCardConfig.js +38 -38
- package/dist/bigconsole/components/widgets/metric-card/SparklineChart.js +9 -9
- package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.js +9 -9
- package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.js +49 -49
- package/dist/bigconsole/components/widgets/progress/ProgressConfig.js +39 -39
- package/dist/bigconsole/components/widgets/table/TableConfig.js +73 -73
- package/dist/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.js +64 -64
- package/dist/bigconsole/components/workflow/WorkflowOpenGuard.js +15 -15
- package/dist/bigconsole/components/workflow/WorkflowSinkLinkForm.js +15 -15
- package/dist/bigconsole/customWidget/CustomWidgetBuilderSheet.js +9 -9
- package/dist/bigconsole/customWidget/CustomWidgetProposalPanel.js +67 -67
- package/dist/bigconsole/customWidget/CustomWidgetProposalPanel.js.map +1 -1
- package/dist/bigconsole/hooks/useDashboardLayoutBaseline.d.ts +15 -0
- package/dist/bigconsole/hooks/useDashboardLayoutBaseline.d.ts.map +1 -0
- package/dist/bigconsole/hooks/useDashboardLayoutBaseline.js +34 -0
- package/dist/bigconsole/hooks/useDashboardLayoutBaseline.js.map +1 -0
- package/dist/bigconsole/hooks/useDrilldown.js +3 -3
- package/dist/bigconsole/hooks/useGlobalFilters.js +3 -3
- package/dist/bigconsole/pages/AdminPage.js +130 -130
- package/dist/bigconsole/pages/DashboardBuilderPage.d.ts.map +1 -1
- package/dist/bigconsole/pages/DashboardBuilderPage.js +72 -60
- package/dist/bigconsole/pages/DashboardBuilderPage.js.map +1 -1
- package/dist/bigconsole/pages/DashboardViewPage.js +1 -1
- package/dist/bigconsole/pages/DataSinkAlertsPage.d.ts.map +1 -1
- package/dist/bigconsole/pages/DataSinkAlertsPage.js +30 -23
- package/dist/bigconsole/pages/DataSinkAlertsPage.js.map +1 -1
- package/dist/bigconsole/pages/DataSinkBuilderPage.d.ts.map +1 -1
- package/dist/bigconsole/pages/DataSinkBuilderPage.js +272 -263
- package/dist/bigconsole/pages/DataSinkBuilderPage.js.map +1 -1
- package/dist/bigconsole/pages/DataSinkViewPage.js +1 -1
- package/dist/bigconsole/pages/DataSinksPage.js +1 -1
- package/dist/bigconsole/pages/DataSourcesPage.js +5 -5
- package/dist/bigconsole/pages/InsightsPage.js +181 -181
- package/dist/bigconsole/pages/InsightsPage.js.map +1 -1
- package/dist/bigconsole/pages/OverviewPage.js +47 -47
- package/dist/bigconsole/pages/OverviewPage.js.map +1 -1
- package/dist/bigconsole/pages/ParserBuilderPage.d.ts.map +1 -1
- package/dist/bigconsole/pages/ParserBuilderPage.js +227 -211
- package/dist/bigconsole/pages/ParserBuilderPage.js.map +1 -1
- package/dist/bigconsole/pages/ParserViewPage.js +97 -97
- package/dist/bigconsole/pages/PipelineBuilderPage.d.ts.map +1 -1
- package/dist/bigconsole/pages/PipelineBuilderPage.js +256 -214
- package/dist/bigconsole/pages/PipelineBuilderPage.js.map +1 -1
- package/dist/bigconsole/pages/PipelineViewPage.js +146 -146
- package/dist/bigconsole/pages/PipelinesPage.js +88 -88
- package/dist/bigconsole/pages/PipelinesPage.js.map +1 -1
- package/dist/bigconsole/pages/SettingsPage.d.ts.map +1 -1
- package/dist/bigconsole/pages/SettingsPage.js +179 -173
- package/dist/bigconsole/pages/SettingsPage.js.map +1 -1
- package/dist/bigconsole/pages/WidgetDemoPage.js +42 -42
- package/dist/bigconsole/pages/WorkflowViewPage.js +1 -1
- package/dist/bigconsole/pages/WorkflowsPage.js +141 -141
- package/dist/bigconsole/pages/WorkflowsPage.js.map +1 -1
- package/dist/bigconsole/providers/BigConsoleQuotaProvider.js +12 -12
- package/dist/bigconsole/renderers/adapters/AdaptiveCardRenderer.js +34 -34
- package/dist/bigconsole/renderers/adapters/BlockKitRenderer.js +79 -79
- package/dist/bigconsole/renderers/adapters/CustomRenderer.js +46 -46
- package/dist/bigconsole/store/widgetStore.d.ts +12 -0
- package/dist/bigconsole/store/widgetStore.d.ts.map +1 -1
- package/dist/bigconsole/store/widgetStore.js +3 -1
- package/dist/bigconsole/store/widgetStore.js.map +1 -1
- package/dist/bigconsole/utils/formDirty.d.ts +83 -0
- package/dist/bigconsole/utils/formDirty.d.ts.map +1 -0
- package/dist/bigconsole/utils/formDirty.js +23 -0
- package/dist/bigconsole/utils/formDirty.js.map +1 -0
- package/dist/bigconsole/utils/layoutBaseline.d.ts +131 -0
- package/dist/bigconsole/utils/layoutBaseline.d.ts.map +1 -0
- package/dist/bigconsole/utils/layoutBaseline.js +98 -0
- package/dist/bigconsole/utils/layoutBaseline.js.map +1 -0
- package/dist/translations/en.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -2,15 +2,15 @@ import { BIGCONSOLE_BILLING_PATHS as e, BIGCONSOLE_QUOTA_EXHAUSTED_EVENT as t, g
|
|
|
2
2
|
import { useCallback as r, useEffect as i, useState as a } from "react";
|
|
3
3
|
import { AlertTriangle as o } from "lucide-react";
|
|
4
4
|
import { Button as s, ResponsiveDialog as c, ResponsiveDialogContent as l, ResponsiveDialogDescription as u, ResponsiveDialogFooter as d, ResponsiveDialogHeader as f, ResponsiveDialogTitle as p } from "@burdenoff/fe-libs/ui";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
6
|
+
import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
|
|
7
7
|
//#region src/bigconsole/providers/BigConsoleQuotaProvider.tsx
|
|
8
8
|
var v = {
|
|
9
9
|
open: !1,
|
|
10
10
|
kind: "generic"
|
|
11
11
|
};
|
|
12
12
|
function y({ children: y, onViewBilling: b }) {
|
|
13
|
-
let { t: x } =
|
|
13
|
+
let { t: x } = m(), [S, C] = a(v);
|
|
14
14
|
i(() => {
|
|
15
15
|
let e = (e) => {
|
|
16
16
|
let t = e.detail;
|
|
@@ -34,30 +34,30 @@ function y({ children: y, onViewBilling: b }) {
|
|
|
34
34
|
open: !1
|
|
35
35
|
})), b(T ? e.billingSetup : e.billing);
|
|
36
36
|
}, [b, T]), D = n(S.kind), O = x(`bigconsole.quota.${S.kind}.title`, D.title), k = x(`bigconsole.quota.${S.kind}.message`, D.message);
|
|
37
|
-
return /* @__PURE__ */
|
|
37
|
+
return /* @__PURE__ */ _(h, { children: [y, /* @__PURE__ */ g(c, {
|
|
38
38
|
open: S.open,
|
|
39
39
|
onOpenChange: (e) => !e && w(),
|
|
40
|
-
children: /* @__PURE__ */
|
|
40
|
+
children: /* @__PURE__ */ _(l, {
|
|
41
41
|
className: "sm:max-w-md",
|
|
42
42
|
showCloseButton: !1,
|
|
43
|
-
children: [/* @__PURE__ */
|
|
43
|
+
children: [/* @__PURE__ */ _("div", {
|
|
44
44
|
className: "flex items-start gap-3",
|
|
45
|
-
children: [/* @__PURE__ */
|
|
45
|
+
children: [/* @__PURE__ */ g("div", {
|
|
46
46
|
className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-status-warning-bg-subtle text-status-warning-text",
|
|
47
|
-
children: /* @__PURE__ */
|
|
47
|
+
children: /* @__PURE__ */ g(o, {
|
|
48
48
|
className: "size-5",
|
|
49
49
|
"aria-hidden": "true"
|
|
50
50
|
})
|
|
51
|
-
}), /* @__PURE__ */
|
|
51
|
+
}), /* @__PURE__ */ _(f, {
|
|
52
52
|
className: "text-left",
|
|
53
|
-
children: [/* @__PURE__ */
|
|
53
|
+
children: [/* @__PURE__ */ g(p, { children: O }), /* @__PURE__ */ g(u, { children: k })]
|
|
54
54
|
})]
|
|
55
|
-
}), /* @__PURE__ */
|
|
55
|
+
}), /* @__PURE__ */ _(d, { children: [/* @__PURE__ */ g(s, {
|
|
56
56
|
type: "button",
|
|
57
57
|
variant: "outline",
|
|
58
58
|
onClick: w,
|
|
59
59
|
children: x("bigconsole.quota.dismiss", "Dismiss")
|
|
60
|
-
}), /* @__PURE__ */
|
|
60
|
+
}), /* @__PURE__ */ g(s, {
|
|
61
61
|
type: "button",
|
|
62
62
|
onClick: E,
|
|
63
63
|
children: T ? x("bigconsole.quota.setUpBilling", "Set up billing") : x("bigconsole.quota.viewBilling", "View Billing")
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { memo as e, useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
3
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
4
4
|
import * as c from "adaptivecards";
|
|
5
5
|
//#region src/bigconsole/renderers/adapters/AdaptiveCardRenderer.tsx
|
|
6
6
|
function l(e, t, n) {
|
|
@@ -288,7 +288,7 @@ var f = new c.HostConfig({
|
|
|
288
288
|
lineColor: "#374151"
|
|
289
289
|
}
|
|
290
290
|
}), m = e(function({ widget: e, data: u, template: d, isLoading: m, error: h, onAction: g }) {
|
|
291
|
-
let { t: _ } =
|
|
291
|
+
let { t: _ } = a(), v = r(null), y = r(null), [b, x] = i(null), [S, C] = i(!1), [w, T] = i([]), [E, D] = i(null), [O, k] = i(null);
|
|
292
292
|
n(() => {
|
|
293
293
|
let e = !0;
|
|
294
294
|
return import("adaptivecards-templating").then((t) => {
|
|
@@ -361,45 +361,45 @@ var f = new c.HostConfig({
|
|
|
361
361
|
E,
|
|
362
362
|
O,
|
|
363
363
|
_
|
|
364
|
-
]), m ? /* @__PURE__ */
|
|
364
|
+
]), m ? /* @__PURE__ */ o("div", {
|
|
365
365
|
className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
|
|
366
|
-
children: /* @__PURE__ */
|
|
366
|
+
children: /* @__PURE__ */ s("div", {
|
|
367
367
|
className: "animate-pulse space-y-3 w-full",
|
|
368
368
|
children: [
|
|
369
|
-
/* @__PURE__ */
|
|
370
|
-
/* @__PURE__ */
|
|
369
|
+
/* @__PURE__ */ o("div", { className: "h-5 bg-bg-sunken rounded w-3/4" }),
|
|
370
|
+
/* @__PURE__ */ s("div", {
|
|
371
371
|
className: "flex gap-3",
|
|
372
|
-
children: [/* @__PURE__ */
|
|
372
|
+
children: [/* @__PURE__ */ o("div", { className: "h-10 w-10 bg-bg-sunken rounded-full" }), /* @__PURE__ */ s("div", {
|
|
373
373
|
className: "flex-1 space-y-2",
|
|
374
|
-
children: [/* @__PURE__ */
|
|
374
|
+
children: [/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }), /* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded w-1/3" })]
|
|
375
375
|
})]
|
|
376
376
|
}),
|
|
377
|
-
/* @__PURE__ */
|
|
378
|
-
/* @__PURE__ */
|
|
379
|
-
/* @__PURE__ */
|
|
377
|
+
/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-full" }),
|
|
378
|
+
/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-5/6" }),
|
|
379
|
+
/* @__PURE__ */ s("div", {
|
|
380
380
|
className: "grid grid-cols-2 gap-2 mt-4",
|
|
381
381
|
children: [
|
|
382
|
-
/* @__PURE__ */
|
|
383
|
-
/* @__PURE__ */
|
|
384
|
-
/* @__PURE__ */
|
|
385
|
-
/* @__PURE__ */
|
|
382
|
+
/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
|
|
383
|
+
/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
|
|
384
|
+
/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
|
|
385
|
+
/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" })
|
|
386
386
|
]
|
|
387
387
|
})
|
|
388
388
|
]
|
|
389
389
|
})
|
|
390
|
-
}) : h || b ? /* @__PURE__ */
|
|
390
|
+
}) : h || b ? /* @__PURE__ */ o("div", {
|
|
391
391
|
className: "flex items-center justify-center h-full p-4",
|
|
392
|
-
children: /* @__PURE__ */
|
|
392
|
+
children: /* @__PURE__ */ s("div", {
|
|
393
393
|
className: "text-center max-w-sm",
|
|
394
394
|
children: [
|
|
395
|
-
/* @__PURE__ */
|
|
395
|
+
/* @__PURE__ */ o("div", {
|
|
396
396
|
className: "w-12 h-12 mx-auto mb-3 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center",
|
|
397
|
-
children: /* @__PURE__ */
|
|
397
|
+
children: /* @__PURE__ */ o("svg", {
|
|
398
398
|
className: "w-6 h-6 text-red-600 dark:text-red-400",
|
|
399
399
|
fill: "none",
|
|
400
400
|
viewBox: "0 0 24 24",
|
|
401
401
|
stroke: "currentColor",
|
|
402
|
-
children: /* @__PURE__ */
|
|
402
|
+
children: /* @__PURE__ */ o("path", {
|
|
403
403
|
strokeLinecap: "round",
|
|
404
404
|
strokeLinejoin: "round",
|
|
405
405
|
strokeWidth: 2,
|
|
@@ -407,39 +407,39 @@ var f = new c.HostConfig({
|
|
|
407
407
|
})
|
|
408
408
|
})
|
|
409
409
|
}),
|
|
410
|
-
/* @__PURE__ */
|
|
410
|
+
/* @__PURE__ */ o("p", {
|
|
411
411
|
className: "font-medium text-status-error-text",
|
|
412
412
|
children: _("bigconsole.widget.renderer.adaptiveCard.errorRendering", "Error rendering card")
|
|
413
413
|
}),
|
|
414
|
-
/* @__PURE__ */
|
|
414
|
+
/* @__PURE__ */ o("p", {
|
|
415
415
|
className: "text-sm text-secondary mt-1",
|
|
416
416
|
children: h || b
|
|
417
417
|
}),
|
|
418
|
-
w.length > 0 && /* @__PURE__ */
|
|
418
|
+
w.length > 0 && /* @__PURE__ */ s("div", {
|
|
419
419
|
className: "mt-3 p-2 bg-yellow-50 dark:bg-yellow-900/20 rounded text-left",
|
|
420
|
-
children: [/* @__PURE__ */
|
|
420
|
+
children: [/* @__PURE__ */ o("p", {
|
|
421
421
|
className: "text-xs font-medium text-yellow-700 dark:text-yellow-400 mb-1",
|
|
422
422
|
children: _("bigconsole.widget.renderer.adaptiveCard.templateWarnings", "Template Warnings:")
|
|
423
|
-
}), w.map((e, t) => /* @__PURE__ */
|
|
423
|
+
}), w.map((e, t) => /* @__PURE__ */ o("p", {
|
|
424
424
|
className: "text-xs text-yellow-600 dark:text-yellow-300",
|
|
425
425
|
children: e
|
|
426
426
|
}, t))]
|
|
427
427
|
})
|
|
428
428
|
]
|
|
429
429
|
})
|
|
430
|
-
}) : !d && !u ? /* @__PURE__ */
|
|
430
|
+
}) : !d && !u ? /* @__PURE__ */ o("div", {
|
|
431
431
|
className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
|
|
432
|
-
children: /* @__PURE__ */
|
|
432
|
+
children: /* @__PURE__ */ s("div", {
|
|
433
433
|
className: "text-center max-w-sm",
|
|
434
434
|
children: [
|
|
435
|
-
/* @__PURE__ */
|
|
435
|
+
/* @__PURE__ */ o("div", {
|
|
436
436
|
className: "w-12 h-12 mx-auto mb-3 rounded-full bg-bg-sunken flex items-center justify-center",
|
|
437
|
-
children: /* @__PURE__ */
|
|
437
|
+
children: /* @__PURE__ */ o("svg", {
|
|
438
438
|
className: "w-6 h-6 text-text-secondary",
|
|
439
439
|
fill: "none",
|
|
440
440
|
viewBox: "0 0 24 24",
|
|
441
441
|
stroke: "currentColor",
|
|
442
|
-
children: /* @__PURE__ */
|
|
442
|
+
children: /* @__PURE__ */ o("path", {
|
|
443
443
|
strokeLinecap: "round",
|
|
444
444
|
strokeLinejoin: "round",
|
|
445
445
|
strokeWidth: 2,
|
|
@@ -447,17 +447,17 @@ var f = new c.HostConfig({
|
|
|
447
447
|
})
|
|
448
448
|
})
|
|
449
449
|
}),
|
|
450
|
-
/* @__PURE__ */
|
|
450
|
+
/* @__PURE__ */ o("p", {
|
|
451
451
|
className: "font-medium text-secondary",
|
|
452
452
|
children: _("bigconsole.widget.renderer.adaptiveCard.noContent", "No content")
|
|
453
453
|
}),
|
|
454
|
-
/* @__PURE__ */
|
|
454
|
+
/* @__PURE__ */ o("p", {
|
|
455
455
|
className: "text-sm text-text-secondary mt-1",
|
|
456
456
|
children: _("bigconsole.widget.renderer.adaptiveCard.noContentHint", "Configure a template or provide data to display an Adaptive Card")
|
|
457
457
|
})
|
|
458
458
|
]
|
|
459
459
|
})
|
|
460
|
-
}) : /* @__PURE__ */
|
|
460
|
+
}) : /* @__PURE__ */ o("div", {
|
|
461
461
|
ref: v,
|
|
462
462
|
className: "adaptive-card-wrapper h-full overflow-auto",
|
|
463
463
|
style: { "--ac-font-family": "Inter, system-ui, -apple-system, sans-serif" }
|
|
@@ -1,66 +1,66 @@
|
|
|
1
1
|
import e, { memo as t, useCallback as n, useMemo as r } from "react";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
3
|
+
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
4
4
|
//#region src/bigconsole/renderers/adapters/BlockKitRenderer.tsx
|
|
5
5
|
function s(t) {
|
|
6
6
|
if (!t) return null;
|
|
7
7
|
if (typeof t == "string") return t;
|
|
8
8
|
if (t.type === "mrkdwn") {
|
|
9
|
-
let n = t.text || "", r = [],
|
|
10
|
-
for (;
|
|
11
|
-
let t =
|
|
9
|
+
let n = t.text || "", r = [], i = n, o = 0;
|
|
10
|
+
for (; i.length > 0;) {
|
|
11
|
+
let t = i.match(/^\*([^*]+)\*/);
|
|
12
12
|
if (t) {
|
|
13
|
-
r.push(/* @__PURE__ */
|
|
13
|
+
r.push(/* @__PURE__ */ a("strong", { children: t[1] }, o++)), i = i.slice(t[0].length);
|
|
14
14
|
continue;
|
|
15
15
|
}
|
|
16
|
-
let n =
|
|
16
|
+
let n = i.match(/^_([^_]+)_/);
|
|
17
17
|
if (n) {
|
|
18
|
-
r.push(/* @__PURE__ */
|
|
18
|
+
r.push(/* @__PURE__ */ a("em", { children: n[1] }, o++)), i = i.slice(n[0].length);
|
|
19
19
|
continue;
|
|
20
20
|
}
|
|
21
|
-
let s =
|
|
21
|
+
let s = i.match(/^~([^~]+)~/);
|
|
22
22
|
if (s) {
|
|
23
|
-
r.push(/* @__PURE__ */
|
|
23
|
+
r.push(/* @__PURE__ */ a("del", { children: s[1] }, o++)), i = i.slice(s[0].length);
|
|
24
24
|
continue;
|
|
25
25
|
}
|
|
26
|
-
let c =
|
|
26
|
+
let c = i.match(/^`([^`]+)`/);
|
|
27
27
|
if (c) {
|
|
28
|
-
r.push(/* @__PURE__ */
|
|
28
|
+
r.push(/* @__PURE__ */ a("code", {
|
|
29
29
|
className: "bg-bg-sunken px-1 rounded text-sm",
|
|
30
30
|
children: c[1]
|
|
31
|
-
}, o++)),
|
|
31
|
+
}, o++)), i = i.slice(c[0].length);
|
|
32
32
|
continue;
|
|
33
33
|
}
|
|
34
|
-
let l =
|
|
34
|
+
let l = i.match(/^<([^|>]+)\|([^>]+)>/);
|
|
35
35
|
if (l) {
|
|
36
|
-
r.push(/* @__PURE__ */
|
|
36
|
+
r.push(/* @__PURE__ */ a("a", {
|
|
37
37
|
href: l[1],
|
|
38
38
|
className: "text-blue-600 dark:text-blue-400 underline",
|
|
39
39
|
target: "_blank",
|
|
40
40
|
rel: "noopener noreferrer",
|
|
41
41
|
children: l[2]
|
|
42
|
-
}, o++)),
|
|
42
|
+
}, o++)), i = i.slice(l[0].length);
|
|
43
43
|
continue;
|
|
44
44
|
}
|
|
45
|
-
let u =
|
|
45
|
+
let u = i.match(/^<([^|>]+)>/);
|
|
46
46
|
if (u) {
|
|
47
|
-
r.push(/* @__PURE__ */
|
|
47
|
+
r.push(/* @__PURE__ */ a("a", {
|
|
48
48
|
href: u[1],
|
|
49
49
|
className: "text-blue-600 dark:text-blue-400 underline",
|
|
50
50
|
target: "_blank",
|
|
51
51
|
rel: "noopener noreferrer",
|
|
52
52
|
children: u[1]
|
|
53
|
-
}, o++)),
|
|
53
|
+
}, o++)), i = i.slice(u[0].length);
|
|
54
54
|
continue;
|
|
55
55
|
}
|
|
56
|
-
let d =
|
|
56
|
+
let d = i.match(/^[^*_~`<]+/);
|
|
57
57
|
if (d) {
|
|
58
|
-
r.push(/* @__PURE__ */
|
|
58
|
+
r.push(/* @__PURE__ */ a(e.Fragment, { children: d[0] }, o++)), i = i.slice(d[0].length);
|
|
59
59
|
continue;
|
|
60
60
|
}
|
|
61
|
-
r.push(/* @__PURE__ */
|
|
61
|
+
r.push(/* @__PURE__ */ a(e.Fragment, { children: i[0] }, o++)), i = i.slice(1);
|
|
62
62
|
}
|
|
63
|
-
return /* @__PURE__ */
|
|
63
|
+
return /* @__PURE__ */ a("span", { children: r });
|
|
64
64
|
}
|
|
65
65
|
return t.text;
|
|
66
66
|
}
|
|
@@ -93,68 +93,68 @@ function u(e, t) {
|
|
|
93
93
|
}
|
|
94
94
|
var d = t(function({ block: e, index: t, onAction: n }) {
|
|
95
95
|
switch (e.type) {
|
|
96
|
-
case "header": return /* @__PURE__ */
|
|
96
|
+
case "header": return /* @__PURE__ */ a("div", {
|
|
97
97
|
className: "py-2",
|
|
98
|
-
children: /* @__PURE__ */
|
|
98
|
+
children: /* @__PURE__ */ a("h2", {
|
|
99
99
|
className: "text-lg font-bold text-primary",
|
|
100
100
|
children: s(e.text)
|
|
101
101
|
})
|
|
102
102
|
});
|
|
103
|
-
case "section": return /* @__PURE__ */
|
|
103
|
+
case "section": return /* @__PURE__ */ o("div", {
|
|
104
104
|
className: "py-2 flex items-start gap-4",
|
|
105
|
-
children: [/* @__PURE__ */
|
|
105
|
+
children: [/* @__PURE__ */ o("div", {
|
|
106
106
|
className: "flex-1",
|
|
107
|
-
children: [e.text && /* @__PURE__ */
|
|
107
|
+
children: [e.text && /* @__PURE__ */ a("p", {
|
|
108
108
|
className: "text-primary",
|
|
109
109
|
children: s(e.text)
|
|
110
|
-
}), e.fields && e.fields.length > 0 && /* @__PURE__ */
|
|
110
|
+
}), e.fields && e.fields.length > 0 && /* @__PURE__ */ a("div", {
|
|
111
111
|
className: "grid grid-cols-2 gap-2 mt-2",
|
|
112
|
-
children: e.fields.map((e, t) => /* @__PURE__ */
|
|
112
|
+
children: e.fields.map((e, t) => /* @__PURE__ */ a("div", {
|
|
113
113
|
className: "text-sm",
|
|
114
114
|
children: s(e)
|
|
115
115
|
}, t))
|
|
116
116
|
})]
|
|
117
|
-
}), e.accessory && /* @__PURE__ */
|
|
117
|
+
}), e.accessory && /* @__PURE__ */ a("div", {
|
|
118
118
|
className: "flex-shrink-0",
|
|
119
|
-
children: /* @__PURE__ */
|
|
119
|
+
children: /* @__PURE__ */ a(f, {
|
|
120
120
|
accessory: e.accessory,
|
|
121
121
|
onAction: n
|
|
122
122
|
})
|
|
123
123
|
})]
|
|
124
124
|
});
|
|
125
|
-
case "divider": return /* @__PURE__ */
|
|
126
|
-
case "image": return /* @__PURE__ */
|
|
125
|
+
case "divider": return /* @__PURE__ */ a("hr", { className: "my-2 border-default" });
|
|
126
|
+
case "image": return /* @__PURE__ */ o("div", {
|
|
127
127
|
className: "py-2",
|
|
128
|
-
children: [e.title && /* @__PURE__ */
|
|
128
|
+
children: [e.title && /* @__PURE__ */ a("p", {
|
|
129
129
|
className: "text-sm text-secondary mb-1",
|
|
130
130
|
children: s(e.title)
|
|
131
|
-
}), /* @__PURE__ */
|
|
131
|
+
}), /* @__PURE__ */ a("img", {
|
|
132
132
|
src: e.image_url,
|
|
133
133
|
alt: e.alt_text || "",
|
|
134
134
|
className: "max-w-full h-auto rounded"
|
|
135
135
|
})]
|
|
136
136
|
});
|
|
137
|
-
case "context": return /* @__PURE__ */
|
|
137
|
+
case "context": return /* @__PURE__ */ a("div", {
|
|
138
138
|
className: "py-1 flex items-center gap-2 flex-wrap text-sm text-secondary",
|
|
139
|
-
children: e.elements?.map((e, t) => /* @__PURE__ */
|
|
139
|
+
children: e.elements?.map((e, t) => /* @__PURE__ */ a("span", { children: e.type === "image" ? /* @__PURE__ */ a("img", {
|
|
140
140
|
src: e.image_url,
|
|
141
141
|
alt: e.alt_text || "",
|
|
142
142
|
className: "w-5 h-5 rounded inline-block"
|
|
143
143
|
}) : s(e.text) }, t))
|
|
144
144
|
});
|
|
145
|
-
case "actions": return /* @__PURE__ */
|
|
145
|
+
case "actions": return /* @__PURE__ */ a("div", {
|
|
146
146
|
className: "py-2 flex gap-2 flex-wrap",
|
|
147
|
-
children: e.elements?.map((e, t) => /* @__PURE__ */
|
|
147
|
+
children: e.elements?.map((e, t) => /* @__PURE__ */ a(p, {
|
|
148
148
|
element: e,
|
|
149
149
|
onAction: n
|
|
150
150
|
}, t))
|
|
151
151
|
});
|
|
152
|
-
case "input": return /* @__PURE__ */
|
|
152
|
+
case "input": return /* @__PURE__ */ o("div", {
|
|
153
153
|
className: "py-2",
|
|
154
|
-
children: [e.label ? /* @__PURE__ */
|
|
154
|
+
children: [e.label ? /* @__PURE__ */ a("label", {
|
|
155
155
|
className: "block text-sm font-medium text-secondary mb-1",
|
|
156
156
|
children: s(e.label)
|
|
157
|
-
}) : null, /* @__PURE__ */
|
|
157
|
+
}) : null, /* @__PURE__ */ a("input", {
|
|
158
158
|
type: "text",
|
|
159
159
|
className: "w-full px-3 py-2 border border-default rounded-md bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
|
|
160
160
|
placeholder: (() => {
|
|
@@ -163,33 +163,33 @@ var d = t(function({ block: e, index: t, onAction: n }) {
|
|
|
163
163
|
})()
|
|
164
164
|
})]
|
|
165
165
|
});
|
|
166
|
-
case "rich_text": return /* @__PURE__ */
|
|
166
|
+
case "rich_text": return /* @__PURE__ */ a("div", {
|
|
167
167
|
className: "py-2 text-primary",
|
|
168
|
-
children: e.elements?.map((e, t) => /* @__PURE__ */
|
|
168
|
+
children: e.elements?.map((e, t) => /* @__PURE__ */ a("span", { children: s(e.text) }, t))
|
|
169
169
|
});
|
|
170
170
|
default: return null;
|
|
171
171
|
}
|
|
172
172
|
}), f = t(function({ accessory: e, onAction: t }) {
|
|
173
173
|
switch (e.type) {
|
|
174
|
-
case "image": return /* @__PURE__ */
|
|
174
|
+
case "image": return /* @__PURE__ */ a("img", {
|
|
175
175
|
src: e.image_url,
|
|
176
176
|
alt: e.alt_text || "",
|
|
177
177
|
className: "w-12 h-12 rounded object-cover"
|
|
178
178
|
});
|
|
179
|
-
case "button": return /* @__PURE__ */
|
|
179
|
+
case "button": return /* @__PURE__ */ a("button", {
|
|
180
180
|
type: "button",
|
|
181
181
|
onClick: () => t?.(e.action_id || "", e.value),
|
|
182
182
|
className: `px-3 py-1.5 text-sm font-medium rounded ${c(e.style)}`,
|
|
183
183
|
children: s(e.text)
|
|
184
184
|
});
|
|
185
|
-
case "overflow": return /* @__PURE__ */
|
|
185
|
+
case "overflow": return /* @__PURE__ */ a("button", {
|
|
186
186
|
type: "button",
|
|
187
187
|
className: "p-1 text-secondary hover:text-primary transition-colors",
|
|
188
|
-
children: /* @__PURE__ */
|
|
188
|
+
children: /* @__PURE__ */ a("svg", {
|
|
189
189
|
className: "w-5 h-5",
|
|
190
190
|
fill: "currentColor",
|
|
191
191
|
viewBox: "0 0 20 20",
|
|
192
|
-
children: /* @__PURE__ */
|
|
192
|
+
children: /* @__PURE__ */ a("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
|
|
193
193
|
})
|
|
194
194
|
});
|
|
195
195
|
default: return null;
|
|
@@ -199,44 +199,44 @@ var d = t(function({ block: e, index: t, onAction: n }) {
|
|
|
199
199
|
e.action_id && t?.(e.action_id, e.value), e.url && window.open(e.url, "_blank");
|
|
200
200
|
}, [e, t]);
|
|
201
201
|
switch (e.type) {
|
|
202
|
-
case "button": return /* @__PURE__ */
|
|
202
|
+
case "button": return /* @__PURE__ */ a("button", {
|
|
203
203
|
type: "button",
|
|
204
204
|
onClick: r,
|
|
205
205
|
className: `px-4 py-2 text-sm font-medium rounded ${c(e.style)}`,
|
|
206
206
|
children: s(e.text)
|
|
207
207
|
});
|
|
208
|
-
case "static_select": return /* @__PURE__ */
|
|
208
|
+
case "static_select": return /* @__PURE__ */ o("select", {
|
|
209
209
|
className: "px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
|
|
210
210
|
onChange: (n) => t?.(e.action_id || "", n.target.value),
|
|
211
|
-
children: [e.placeholder ? /* @__PURE__ */
|
|
211
|
+
children: [e.placeholder ? /* @__PURE__ */ a("option", {
|
|
212
212
|
value: "",
|
|
213
213
|
children: s(e.placeholder)
|
|
214
|
-
}) : null, e.options?.map((e, t) => /* @__PURE__ */
|
|
214
|
+
}) : null, e.options?.map((e, t) => /* @__PURE__ */ a("option", {
|
|
215
215
|
value: e.value,
|
|
216
216
|
children: s(e.text)
|
|
217
217
|
}, t))]
|
|
218
218
|
});
|
|
219
|
-
case "datepicker": return /* @__PURE__ */
|
|
219
|
+
case "datepicker": return /* @__PURE__ */ a("input", {
|
|
220
220
|
type: "date",
|
|
221
221
|
className: "px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
|
|
222
222
|
onChange: (n) => t?.(e.action_id || "", n.target.value)
|
|
223
223
|
});
|
|
224
|
-
case "checkboxes": return /* @__PURE__ */
|
|
224
|
+
case "checkboxes": return /* @__PURE__ */ a("div", {
|
|
225
225
|
className: "space-y-1",
|
|
226
|
-
children: e.options?.map((n, r) => /* @__PURE__ */
|
|
226
|
+
children: e.options?.map((n, r) => /* @__PURE__ */ o("label", {
|
|
227
227
|
className: "flex items-center gap-2 text-sm",
|
|
228
|
-
children: [/* @__PURE__ */
|
|
228
|
+
children: [/* @__PURE__ */ a("input", {
|
|
229
229
|
type: "checkbox",
|
|
230
230
|
className: "rounded border-default transition-colors",
|
|
231
231
|
onChange: (r) => t?.(e.action_id || "", n.value, { checked: r.target.checked })
|
|
232
232
|
}), s(n.text)]
|
|
233
233
|
}, r))
|
|
234
234
|
});
|
|
235
|
-
case "radio_buttons": return /* @__PURE__ */
|
|
235
|
+
case "radio_buttons": return /* @__PURE__ */ a("div", {
|
|
236
236
|
className: "space-y-1",
|
|
237
|
-
children: e.options?.map((n, r) => /* @__PURE__ */
|
|
237
|
+
children: e.options?.map((n, r) => /* @__PURE__ */ o("label", {
|
|
238
238
|
className: "flex items-center gap-2 text-sm",
|
|
239
|
-
children: [/* @__PURE__ */
|
|
239
|
+
children: [/* @__PURE__ */ a("input", {
|
|
240
240
|
type: "radio",
|
|
241
241
|
name: e.action_id,
|
|
242
242
|
className: "border-default transition-colors",
|
|
@@ -310,7 +310,7 @@ function g(e) {
|
|
|
310
310
|
return e == null ? "-" : typeof e == "boolean" ? e ? "Yes" : "No" : typeof e == "object" ? JSON.stringify(e) : String(e);
|
|
311
311
|
}
|
|
312
312
|
var _ = t(function({ widget: e, data: t, template: s, isLoading: c, error: u, onDrilldown: f, onAction: p }) {
|
|
313
|
-
let { t: h } =
|
|
313
|
+
let { t: h } = i(), g = r(() => {
|
|
314
314
|
if (s && "blocks" in s) return l(s, t);
|
|
315
315
|
if (t && "blocks" in t) return t;
|
|
316
316
|
if (t && Object.keys(t).length > 0) {
|
|
@@ -328,51 +328,51 @@ var _ = t(function({ widget: e, data: t, template: s, isLoading: c, error: u, on
|
|
|
328
328
|
...n
|
|
329
329
|
});
|
|
330
330
|
}, [p]);
|
|
331
|
-
return c ? /* @__PURE__ */
|
|
331
|
+
return c ? /* @__PURE__ */ a("div", {
|
|
332
332
|
className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
|
|
333
|
-
children: /* @__PURE__ */
|
|
333
|
+
children: /* @__PURE__ */ o("div", {
|
|
334
334
|
className: "animate-pulse space-y-2 w-full",
|
|
335
335
|
children: [
|
|
336
|
-
/* @__PURE__ */
|
|
337
|
-
/* @__PURE__ */
|
|
338
|
-
/* @__PURE__ */
|
|
336
|
+
/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-3/4" }),
|
|
337
|
+
/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }),
|
|
338
|
+
/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-5/6" })
|
|
339
339
|
]
|
|
340
340
|
})
|
|
341
|
-
}) : u ? /* @__PURE__ */
|
|
341
|
+
}) : u ? /* @__PURE__ */ a("div", {
|
|
342
342
|
className: "flex items-center justify-center h-full p-4 text-red-600 dark:text-red-400",
|
|
343
|
-
children: /* @__PURE__ */
|
|
343
|
+
children: /* @__PURE__ */ o("div", {
|
|
344
344
|
className: "text-center",
|
|
345
|
-
children: [/* @__PURE__ */
|
|
345
|
+
children: [/* @__PURE__ */ a("p", {
|
|
346
346
|
className: "font-medium",
|
|
347
347
|
children: h("bigconsole.widget.renderer.blockKit.errorRendering", "Error rendering blocks")
|
|
348
|
-
}), /* @__PURE__ */
|
|
348
|
+
}), /* @__PURE__ */ a("p", {
|
|
349
349
|
className: "text-sm mt-1",
|
|
350
350
|
children: u
|
|
351
351
|
})]
|
|
352
352
|
})
|
|
353
|
-
}) : g?.blocks?.length ? /* @__PURE__ */
|
|
353
|
+
}) : g?.blocks?.length ? /* @__PURE__ */ o("div", {
|
|
354
354
|
className: "flex flex-col h-full p-4 bg-surface",
|
|
355
|
-
children: [g.blocks.map((e, t) => /* @__PURE__ */
|
|
355
|
+
children: [g.blocks.map((e, t) => /* @__PURE__ */ a(d, {
|
|
356
356
|
block: e,
|
|
357
357
|
index: t,
|
|
358
358
|
onAction: _
|
|
359
|
-
}, t)), g.attachments?.map((e, t) => /* @__PURE__ */
|
|
359
|
+
}, t)), g.attachments?.map((e, t) => /* @__PURE__ */ o("div", {
|
|
360
360
|
className: "mt-4 border-l-4 pl-3",
|
|
361
361
|
style: { borderLeftColor: e.color || "var(--color-border)" },
|
|
362
|
-
children: [e.blocks?.map((e, t) => /* @__PURE__ */
|
|
362
|
+
children: [e.blocks?.map((e, t) => /* @__PURE__ */ a(d, {
|
|
363
363
|
block: e,
|
|
364
364
|
index: t,
|
|
365
365
|
onAction: _
|
|
366
|
-
}, t)), e.fallback && !e.blocks && /* @__PURE__ */
|
|
366
|
+
}, t)), e.fallback && !e.blocks && /* @__PURE__ */ a("p", {
|
|
367
367
|
className: "text-sm text-secondary",
|
|
368
368
|
children: e.fallback
|
|
369
369
|
})]
|
|
370
370
|
}, `attachment-${t}`))]
|
|
371
|
-
}) : /* @__PURE__ */
|
|
371
|
+
}) : /* @__PURE__ */ a("div", {
|
|
372
372
|
className: "flex items-center justify-center h-full p-4 text-secondary animate-in fade-in duration-200",
|
|
373
|
-
children: /* @__PURE__ */
|
|
373
|
+
children: /* @__PURE__ */ o("div", {
|
|
374
374
|
className: "text-center",
|
|
375
|
-
children: [/* @__PURE__ */
|
|
375
|
+
children: [/* @__PURE__ */ a("p", { children: h("bigconsole.widget.renderer.blockKit.noContent", "No content to display") }), /* @__PURE__ */ a("p", {
|
|
376
376
|
className: "text-sm mt-1",
|
|
377
377
|
children: h("bigconsole.widget.renderer.blockKit.configureBlocks", "Configure blocks or provide data")
|
|
378
378
|
})]
|