drizzle-cube 0.4.41 → 0.4.42
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/client/charts.js +9 -9
- package/dist/client/chunks/{DashboardEditModal-D_7J62sG.js → DashboardEditModal-4zzjtZRR.js} +7 -7
- package/dist/client/chunks/{DashboardEditModal-D_7J62sG.js.map → DashboardEditModal-4zzjtZRR.js.map} +1 -1
- package/dist/client/chunks/{FieldSearchModal-5Qz6vvTz.js → FieldSearchModal-trURu9Sa.js} +2 -2
- package/dist/client/chunks/{FieldSearchModal-5Qz6vvTz.js.map → FieldSearchModal-trURu9Sa.js.map} +1 -1
- package/dist/client/chunks/{analysis-builder-DPJJiHVx.js → analysis-builder-B7XSIMkr.js} +381 -372
- package/dist/client/chunks/analysis-builder-B7XSIMkr.js.map +1 -0
- package/dist/client/chunks/{analysis-builder-shared-C-C-rOgu.js → analysis-builder-shared-DaqtrLxd.js} +6 -6
- package/dist/client/chunks/{analysis-builder-shared-C-C-rOgu.js.map → analysis-builder-shared-DaqtrLxd.js.map} +1 -1
- package/dist/client/chunks/{chart-bar-DVzmau1G.js → chart-bar-CPt67rLR.js} +1 -1
- package/dist/client/chunks/{chart-bar-DVzmau1G.js.map → chart-bar-CPt67rLR.js.map} +1 -1
- package/dist/client/chunks/{chart-box-plot-CCmbHv1Y.js → chart-box-plot-Dp_nqQen.js} +1 -1
- package/dist/client/chunks/{chart-box-plot-CCmbHv1Y.js.map → chart-box-plot-Dp_nqQen.js.map} +1 -1
- package/dist/client/chunks/{chart-bubble-S6qSwWdK.js → chart-bubble-CYQ8loeS.js} +1 -1
- package/dist/client/chunks/{chart-bubble-S6qSwWdK.js.map → chart-bubble-CYQ8loeS.js.map} +1 -1
- package/dist/client/chunks/{chart-candlestick-BNKbDruo.js → chart-candlestick-DTeSf7C5.js} +1 -1
- package/dist/client/chunks/{chart-candlestick-BNKbDruo.js.map → chart-candlestick-DTeSf7C5.js.map} +1 -1
- package/dist/client/chunks/{chart-data-table-D4s27-U3.js → chart-data-table-BZ7StNWv.js} +18 -18
- package/dist/client/chunks/{chart-data-table-D4s27-U3.js.map → chart-data-table-BZ7StNWv.js.map} +1 -1
- package/dist/client/chunks/{chart-gauge-BFhc4i_f.js → chart-gauge-_Xdgk_qI.js} +1 -1
- package/dist/client/chunks/{chart-gauge-BFhc4i_f.js.map → chart-gauge-_Xdgk_qI.js.map} +1 -1
- package/dist/client/chunks/{chart-kpi-delta-DzGNnIcW.js → chart-kpi-delta-C2tdpWki.js} +2 -2
- package/dist/client/chunks/{chart-kpi-delta-DzGNnIcW.js.map → chart-kpi-delta-C2tdpWki.js.map} +1 -1
- package/dist/client/chunks/{chart-kpi-number-sHtgbE_f.js → chart-kpi-number-BUNKM7yg.js} +3 -3
- package/dist/client/chunks/{chart-kpi-number-sHtgbE_f.js.map → chart-kpi-number-BUNKM7yg.js.map} +1 -1
- package/dist/client/chunks/{chart-kpi-text-Bmk-GzVJ.js → chart-kpi-text-COF8iN0K.js} +2 -2
- package/dist/client/chunks/{chart-kpi-text-Bmk-GzVJ.js.map → chart-kpi-text-COF8iN0K.js.map} +1 -1
- package/dist/client/chunks/{chart-line-Bkl5WQAw.js → chart-line-D3SEwXDS.js} +1 -1
- package/dist/client/chunks/{chart-line-Bkl5WQAw.js.map → chart-line-D3SEwXDS.js.map} +1 -1
- package/dist/client/chunks/{chart-markdown-7MNetRtX.js → chart-markdown-DMekYkKz.js} +647 -644
- package/dist/client/chunks/chart-markdown-DMekYkKz.js.map +1 -0
- package/dist/client/chunks/{chart-measure-profile-B7h6vQo4.js → chart-measure-profile-BPhI1Z9s.js} +1 -1
- package/dist/client/chunks/{chart-measure-profile-B7h6vQo4.js.map → chart-measure-profile-BPhI1Z9s.js.map} +1 -1
- package/dist/client/chunks/{chart-pie-Do2YnCxl.js → chart-pie-COl3Rmdk.js} +1 -1
- package/dist/client/chunks/{chart-pie-Do2YnCxl.js.map → chart-pie-COl3Rmdk.js.map} +1 -1
- package/dist/client/chunks/{chart-radar-C7gQkH70.js → chart-radar-BKZXylBB.js} +1 -1
- package/dist/client/chunks/{chart-radar-C7gQkH70.js.map → chart-radar-BKZXylBB.js.map} +1 -1
- package/dist/client/chunks/{chart-radial-bar-DHqCck3x.js → chart-radial-bar-CMfC7SPd.js} +1 -1
- package/dist/client/chunks/{chart-radial-bar-DHqCck3x.js.map → chart-radial-bar-CMfC7SPd.js.map} +1 -1
- package/dist/client/chunks/{chart-scatter-YSHOUfXf.js → chart-scatter-xQMa3dUt.js} +1 -1
- package/dist/client/chunks/{chart-scatter-YSHOUfXf.js.map → chart-scatter-xQMa3dUt.js.map} +1 -1
- package/dist/client/chunks/{chart-tree-map-BlhcXK1F.js → chart-tree-map-Cn1pmrAw.js} +1 -1
- package/dist/client/chunks/{chart-tree-map-BlhcXK1F.js.map → chart-tree-map-Cn1pmrAw.js.map} +1 -1
- package/dist/client/chunks/{chart-waterfall-BWCAzlPq.js → chart-waterfall-C2nVN4pn.js} +1 -1
- package/dist/client/chunks/{chart-waterfall-BWCAzlPq.js.map → chart-waterfall-C2nVN4pn.js.map} +1 -1
- package/dist/client/chunks/{schema-visualization-BJ8HrNqB.js → schema-visualization-DVdfx6N8.js} +85 -89
- package/dist/client/chunks/schema-visualization-DVdfx6N8.js.map +1 -0
- package/dist/client/chunks/{useDebounce-EWynD0lC.js → useDebounce-Bel8J05v.js} +2 -2
- package/dist/client/chunks/{useDebounce-EWynD0lC.js.map → useDebounce-Bel8J05v.js.map} +1 -1
- package/dist/client/chunks/{useExplainAI-BBTJWQVu.js → useExplainAI-CxdzY2N0.js} +4 -4
- package/dist/client/chunks/{useExplainAI-BBTJWQVu.js.map → useExplainAI-CxdzY2N0.js.map} +1 -1
- package/dist/client/chunks/{utils-DMyRayr_.js → utils-CMkS7h9x.js} +2 -2
- package/dist/client/chunks/{utils-DMyRayr_.js.map → utils-CMkS7h9x.js.map} +1 -1
- package/dist/client/chunks/{vendor-iY25ogTA.js → vendor-BoWEubRu.js} +2 -2
- package/dist/client/chunks/{vendor-iY25ogTA.js.map → vendor-BoWEubRu.js.map} +1 -1
- package/dist/client/components.js +3 -3
- package/dist/client/hooks.js +3 -3
- package/dist/client/icons.js +1 -1
- package/dist/client/index.d.ts +0 -1
- package/dist/client/index.js +139 -140
- package/dist/client/index.js.map +1 -1
- package/dist/client/providers.js +1 -1
- package/dist/client/schema.d.ts +13 -0
- package/dist/client/schema.js +2 -0
- package/dist/client/styles.css +1 -1
- package/dist/client/utils.js +4 -4
- package/dist/client-bundle-stats.html +1 -1
- package/package.json +5 -1
- package/dist/client/chunks/analysis-builder-DPJJiHVx.js.map +0 -1
- package/dist/client/chunks/chart-markdown-7MNetRtX.js.map +0 -1
- package/dist/client/chunks/schema-visualization-BJ8HrNqB.js.map +0 -1
package/dist/client/chunks/{schema-visualization-BJ8HrNqB.js → schema-visualization-DVdfx6N8.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { n as e } from "./rolldown-runtime-lc2dmIiU.js";
|
|
2
|
-
import { A as t, c as n } from "./chart-data-table-
|
|
2
|
+
import { A as t, c as n } from "./chart-data-table-BZ7StNWv.js";
|
|
3
3
|
import { Suspense as r, createContext as i, lazy as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
|
|
4
4
|
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
5
5
|
//#region src/client/components/SchemaVisualization/xyflowContext.tsx
|
|
@@ -11,8 +11,8 @@ function _() {
|
|
|
11
11
|
}
|
|
12
12
|
//#endregion
|
|
13
13
|
//#region src/client/components/SchemaVisualization/SchemaVisualizationLazy.tsx
|
|
14
|
-
var v = !1;
|
|
15
|
-
function
|
|
14
|
+
var v = /* @__PURE__ */ e({ SchemaVisualizationLazy: () => C }), y = !1;
|
|
15
|
+
function b(e) {
|
|
16
16
|
return /* @__PURE__ */ p("div", {
|
|
17
17
|
className: "dc:flex dc:items-center dc:justify-center dc:h-full dc:p-8",
|
|
18
18
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -38,7 +38,7 @@ function y(e) {
|
|
|
38
38
|
})
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function x() {
|
|
42
42
|
return /* @__PURE__ */ p("div", {
|
|
43
43
|
className: "dc:flex dc:items-center dc:justify-center dc:h-full",
|
|
44
44
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -50,30 +50,30 @@ function b() {
|
|
|
50
50
|
})
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
|
-
var
|
|
54
|
-
function
|
|
55
|
-
let [t, n] = d(null), [i, a] = d(
|
|
53
|
+
var S = a(async () => ({ default: (await Promise.resolve().then(() => R)).SchemaVisualization }));
|
|
54
|
+
function C(e) {
|
|
55
|
+
let [t, n] = d(null), [i, a] = d(y);
|
|
56
56
|
return c(() => {
|
|
57
|
-
if (
|
|
57
|
+
if (y) return;
|
|
58
58
|
let e = !1;
|
|
59
|
-
return import(
|
|
59
|
+
return import("@xyflow/react").then((t) => {
|
|
60
60
|
e || n(t);
|
|
61
61
|
}).catch(() => {
|
|
62
|
-
|
|
62
|
+
y = !0, e || a(!0);
|
|
63
63
|
}), () => {
|
|
64
64
|
e = !0;
|
|
65
65
|
};
|
|
66
|
-
}, []), i ? /* @__PURE__ */ p(
|
|
66
|
+
}, []), i ? /* @__PURE__ */ p(b, { ...e }) : t ? /* @__PURE__ */ p(g, {
|
|
67
67
|
value: t,
|
|
68
68
|
children: /* @__PURE__ */ p(r, {
|
|
69
|
-
fallback: /* @__PURE__ */ p(
|
|
70
|
-
children: /* @__PURE__ */ p(
|
|
69
|
+
fallback: /* @__PURE__ */ p(x, {}),
|
|
70
|
+
children: /* @__PURE__ */ p(S, { ...e })
|
|
71
71
|
})
|
|
72
|
-
}) : /* @__PURE__ */ p(
|
|
72
|
+
}) : /* @__PURE__ */ p(x, {});
|
|
73
73
|
}
|
|
74
74
|
//#endregion
|
|
75
75
|
//#region src/client/components/SchemaVisualization/CubeNode.tsx
|
|
76
|
-
function
|
|
76
|
+
function w({ data: e }) {
|
|
77
77
|
let { Handle: n, Position: r } = _(), { cube: i, onFieldClick: a, onCubeClick: o, isHighlighted: s, highlightedFields: c, searchTerm: l, selectedField: u } = e, d = (e, t, n) => {
|
|
78
78
|
a && a(i.name, t, n, {
|
|
79
79
|
x: e.clientX,
|
|
@@ -266,7 +266,7 @@ function C({ data: e }) {
|
|
|
266
266
|
}
|
|
267
267
|
//#endregion
|
|
268
268
|
//#region src/client/components/SchemaVisualization/RelationshipEdge.tsx
|
|
269
|
-
function
|
|
269
|
+
function T({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i, targetPosition: a, style: o = {}, data: s, markerEnd: c }) {
|
|
270
270
|
let { getBezierPath: l, BaseEdge: u, EdgeLabelRenderer: d } = _(), [h, g, v] = l({
|
|
271
271
|
sourceX: e,
|
|
272
272
|
sourceY: t,
|
|
@@ -337,7 +337,7 @@ function w({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i,
|
|
|
337
337
|
}
|
|
338
338
|
//#endregion
|
|
339
339
|
//#region src/client/components/SchemaVisualization/FieldDetailPanel.tsx
|
|
340
|
-
function
|
|
340
|
+
function E({ label: e, children: t }) {
|
|
341
341
|
return /* @__PURE__ */ m("div", {
|
|
342
342
|
className: "dc:flex dc:items-start dc:gap-2 dc:text-xs",
|
|
343
343
|
children: [/* @__PURE__ */ p("span", {
|
|
@@ -349,7 +349,7 @@ function T({ label: e, children: t }) {
|
|
|
349
349
|
})]
|
|
350
350
|
});
|
|
351
351
|
}
|
|
352
|
-
function
|
|
352
|
+
function D({ type: e, color: t }) {
|
|
353
353
|
return /* @__PURE__ */ p("span", {
|
|
354
354
|
className: "dc:inline-flex dc:items-center dc:px-1.5 dc:py-0.5 dc:rounded dc:text-[10px] dc:font-medium dc:uppercase",
|
|
355
355
|
style: {
|
|
@@ -359,17 +359,17 @@ function E({ type: e, color: t }) {
|
|
|
359
359
|
children: e
|
|
360
360
|
});
|
|
361
361
|
}
|
|
362
|
-
function
|
|
362
|
+
function O({ measure: e, cube: t }) {
|
|
363
363
|
return /* @__PURE__ */ m("div", {
|
|
364
364
|
className: "dc:flex dc:flex-col dc:gap-2",
|
|
365
365
|
children: [
|
|
366
|
-
/* @__PURE__ */ p(
|
|
366
|
+
/* @__PURE__ */ p(E, {
|
|
367
367
|
label: "Cube",
|
|
368
368
|
children: t.title || t.name
|
|
369
369
|
}),
|
|
370
|
-
/* @__PURE__ */ p(
|
|
370
|
+
/* @__PURE__ */ p(E, {
|
|
371
371
|
label: "Type",
|
|
372
|
-
children: /* @__PURE__ */ p(
|
|
372
|
+
children: /* @__PURE__ */ p(D, {
|
|
373
373
|
type: e.type,
|
|
374
374
|
color: {
|
|
375
375
|
count: "#f59e0b",
|
|
@@ -384,11 +384,11 @@ function D({ measure: e, cube: t }) {
|
|
|
384
384
|
}[e.type] || "#6b7280"
|
|
385
385
|
})
|
|
386
386
|
}),
|
|
387
|
-
e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(
|
|
387
|
+
e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(E, {
|
|
388
388
|
label: "Title",
|
|
389
389
|
children: e.title
|
|
390
390
|
}),
|
|
391
|
-
e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ p(
|
|
391
|
+
e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ p(E, {
|
|
392
392
|
label: "Drill into",
|
|
393
393
|
children: /* @__PURE__ */ p("div", {
|
|
394
394
|
className: "dc:flex dc:flex-wrap dc:gap-1",
|
|
@@ -401,27 +401,27 @@ function D({ measure: e, cube: t }) {
|
|
|
401
401
|
]
|
|
402
402
|
});
|
|
403
403
|
}
|
|
404
|
-
function
|
|
404
|
+
function k({ dimension: e, cube: t }) {
|
|
405
405
|
let n = e.type === "time" ? "#3b82f6" : "#10b981", r = t.hierarchies?.filter((n) => n.levels.some((n) => n === e.name || n === `${t.name}.${e.name.split(".")[1]}`)) || [];
|
|
406
406
|
return /* @__PURE__ */ m("div", {
|
|
407
407
|
className: "dc:flex dc:flex-col dc:gap-2",
|
|
408
408
|
children: [
|
|
409
|
-
/* @__PURE__ */ p(
|
|
409
|
+
/* @__PURE__ */ p(E, {
|
|
410
410
|
label: "Cube",
|
|
411
411
|
children: t.title || t.name
|
|
412
412
|
}),
|
|
413
|
-
/* @__PURE__ */ p(
|
|
413
|
+
/* @__PURE__ */ p(E, {
|
|
414
414
|
label: "Type",
|
|
415
|
-
children: /* @__PURE__ */ p(
|
|
415
|
+
children: /* @__PURE__ */ p(D, {
|
|
416
416
|
type: e.type,
|
|
417
417
|
color: n
|
|
418
418
|
})
|
|
419
419
|
}),
|
|
420
|
-
e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(
|
|
420
|
+
e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(E, {
|
|
421
421
|
label: "Title",
|
|
422
422
|
children: e.title
|
|
423
423
|
}),
|
|
424
|
-
e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ p(
|
|
424
|
+
e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ p(E, {
|
|
425
425
|
label: "Granularity",
|
|
426
426
|
children: /* @__PURE__ */ p("div", {
|
|
427
427
|
className: "dc:flex dc:flex-wrap dc:gap-1",
|
|
@@ -431,7 +431,7 @@ function O({ dimension: e, cube: t }) {
|
|
|
431
431
|
}, e))
|
|
432
432
|
})
|
|
433
433
|
}),
|
|
434
|
-
r.length > 0 && /* @__PURE__ */ p(
|
|
434
|
+
r.length > 0 && /* @__PURE__ */ p(E, {
|
|
435
435
|
label: "Hierarchy",
|
|
436
436
|
children: r.map((e) => /* @__PURE__ */ m("div", {
|
|
437
437
|
className: "dc:text-[10px]",
|
|
@@ -451,7 +451,7 @@ function O({ dimension: e, cube: t }) {
|
|
|
451
451
|
]
|
|
452
452
|
});
|
|
453
453
|
}
|
|
454
|
-
function
|
|
454
|
+
function ee({ cube: e }) {
|
|
455
455
|
let t = {
|
|
456
456
|
belongsTo: "#10b981",
|
|
457
457
|
hasOne: "#3b82f6",
|
|
@@ -461,11 +461,11 @@ function k({ cube: e }) {
|
|
|
461
461
|
return /* @__PURE__ */ m("div", {
|
|
462
462
|
className: "dc:flex dc:flex-col dc:gap-2",
|
|
463
463
|
children: [
|
|
464
|
-
e.description && /* @__PURE__ */ p(
|
|
464
|
+
e.description && /* @__PURE__ */ p(E, {
|
|
465
465
|
label: "Description",
|
|
466
466
|
children: e.description
|
|
467
467
|
}),
|
|
468
|
-
/* @__PURE__ */ m(
|
|
468
|
+
/* @__PURE__ */ m(E, {
|
|
469
469
|
label: "Measures",
|
|
470
470
|
children: [/* @__PURE__ */ p("span", {
|
|
471
471
|
className: "dc:font-mono",
|
|
@@ -479,7 +479,7 @@ function k({ cube: e }) {
|
|
|
479
479
|
]
|
|
480
480
|
})]
|
|
481
481
|
}),
|
|
482
|
-
/* @__PURE__ */ m(
|
|
482
|
+
/* @__PURE__ */ m(E, {
|
|
483
483
|
label: "Dimensions",
|
|
484
484
|
children: [/* @__PURE__ */ p("span", {
|
|
485
485
|
className: "dc:font-mono",
|
|
@@ -493,13 +493,13 @@ function k({ cube: e }) {
|
|
|
493
493
|
]
|
|
494
494
|
})]
|
|
495
495
|
}),
|
|
496
|
-
e.relationships && e.relationships.length > 0 && /* @__PURE__ */ p(
|
|
496
|
+
e.relationships && e.relationships.length > 0 && /* @__PURE__ */ p(E, {
|
|
497
497
|
label: "Joins",
|
|
498
498
|
children: /* @__PURE__ */ p("div", {
|
|
499
499
|
className: "dc:flex dc:flex-col dc:gap-1",
|
|
500
500
|
children: e.relationships.map((e, n) => /* @__PURE__ */ m("div", {
|
|
501
501
|
className: "dc:flex dc:items-center dc:gap-1.5 dc:text-[10px]",
|
|
502
|
-
children: [/* @__PURE__ */ p(
|
|
502
|
+
children: [/* @__PURE__ */ p(D, {
|
|
503
503
|
type: e.relationship,
|
|
504
504
|
color: t[e.relationship] || "#6b7280"
|
|
505
505
|
}), /* @__PURE__ */ p("span", {
|
|
@@ -509,7 +509,7 @@ function k({ cube: e }) {
|
|
|
509
509
|
}, n))
|
|
510
510
|
})
|
|
511
511
|
}),
|
|
512
|
-
e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ p(
|
|
512
|
+
e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ p(E, {
|
|
513
513
|
label: "Hierarchies",
|
|
514
514
|
children: /* @__PURE__ */ p("div", {
|
|
515
515
|
className: "dc:flex dc:flex-col dc:gap-1",
|
|
@@ -529,7 +529,7 @@ function k({ cube: e }) {
|
|
|
529
529
|
}, e.name))
|
|
530
530
|
})
|
|
531
531
|
}),
|
|
532
|
-
e.meta?.eventStream && /* @__PURE__ */ p(
|
|
532
|
+
e.meta?.eventStream && /* @__PURE__ */ p(E, {
|
|
533
533
|
label: "Event Stream",
|
|
534
534
|
children: /* @__PURE__ */ m("div", {
|
|
535
535
|
className: "dc:text-[10px]",
|
|
@@ -556,22 +556,22 @@ function k({ cube: e }) {
|
|
|
556
556
|
]
|
|
557
557
|
});
|
|
558
558
|
}
|
|
559
|
-
function
|
|
559
|
+
function te({ selection: e, meta: n, onClose: r }) {
|
|
560
560
|
let i = t("close"), a = n.cubes.find((t) => t.name === e.cubeName);
|
|
561
561
|
if (!a) return null;
|
|
562
562
|
let o, s, c, l;
|
|
563
|
-
if (e.fieldType === "cube" || !e.fieldName) o = a.title || a.name, s = "var(--dc-accent)", c = "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(
|
|
563
|
+
if (e.fieldType === "cube" || !e.fieldName) o = a.title || a.name, s = "var(--dc-accent)", c = "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(ee, { cube: a });
|
|
564
564
|
else if (e.fieldType === "measure") {
|
|
565
565
|
let t = a.measures.find((t) => (t.name.split(".")[1] || t.name) === e.fieldName || t.name === e.fieldName);
|
|
566
566
|
if (!t) return null;
|
|
567
|
-
o = t.shortTitle || t.title || e.fieldName, s = "var(--dc-warning)", c = "color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(
|
|
567
|
+
o = t.shortTitle || t.title || e.fieldName, s = "var(--dc-warning)", c = "color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(O, {
|
|
568
568
|
measure: t,
|
|
569
569
|
cube: a
|
|
570
570
|
});
|
|
571
571
|
} else {
|
|
572
572
|
let t = a.dimensions.find((t) => (t.name.split(".")[1] || t.name) === e.fieldName || t.name === e.fieldName);
|
|
573
573
|
if (!t) return null;
|
|
574
|
-
o = t.shortTitle || t.title || e.fieldName, s = t.type === "time" ? "var(--dc-accent)" : "var(--dc-success)", c = t.type === "time" ? "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))" : "color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(
|
|
574
|
+
o = t.shortTitle || t.title || e.fieldName, s = t.type === "time" ? "var(--dc-accent)" : "var(--dc-success)", c = t.type === "time" ? "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))" : "color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(k, {
|
|
575
575
|
dimension: t,
|
|
576
576
|
cube: a
|
|
577
577
|
});
|
|
@@ -604,7 +604,7 @@ function ee({ selection: e, meta: n, onClose: r }) {
|
|
|
604
604
|
}
|
|
605
605
|
//#endregion
|
|
606
606
|
//#region src/client/components/SchemaVisualization/useERDLayout.ts
|
|
607
|
-
var
|
|
607
|
+
var ne = {
|
|
608
608
|
direction: "LR",
|
|
609
609
|
nodeWidth: 340,
|
|
610
610
|
nodeSep: 150,
|
|
@@ -632,11 +632,7 @@ function M(e) {
|
|
|
632
632
|
}
|
|
633
633
|
var N = null, P = null;
|
|
634
634
|
function F() {
|
|
635
|
-
return P || (P = import(
|
|
636
|
-
"elkjs",
|
|
637
|
-
"lib",
|
|
638
|
-
"elk.bundled.js"
|
|
639
|
-
].join("/")).then((e) => (N = new (e.default || e)(), N)).catch(() => null), P);
|
|
635
|
+
return P || (P = import("elkjs/lib/elk.bundled.js").then((e) => (N = new (e.default || e)(), N)).catch(() => null), P);
|
|
640
636
|
}
|
|
641
637
|
async function I(e, t, n) {
|
|
642
638
|
if (await F(), !N) return {
|
|
@@ -715,9 +711,9 @@ function L(e, t) {
|
|
|
715
711
|
};
|
|
716
712
|
});
|
|
717
713
|
}
|
|
718
|
-
function
|
|
714
|
+
function re(e, t, n = {}) {
|
|
719
715
|
let r = l(() => ({
|
|
720
|
-
...
|
|
716
|
+
...ne,
|
|
721
717
|
...n
|
|
722
718
|
}), [
|
|
723
719
|
n.direction,
|
|
@@ -756,8 +752,8 @@ function ne(e, t, n = {}) {
|
|
|
756
752
|
var R = /* @__PURE__ */ e({
|
|
757
753
|
SchemaVisualization: () => B,
|
|
758
754
|
default: () => B
|
|
759
|
-
}),
|
|
760
|
-
function
|
|
755
|
+
}), ie = { cubeNode: w }, ae = { relationshipEdge: T };
|
|
756
|
+
function oe({ token: e }) {
|
|
761
757
|
let { useNodesInitialized: t, useReactFlow: n } = _(), r = t(), { fitView: i } = n(), a = u(0);
|
|
762
758
|
return c(() => {
|
|
763
759
|
e === 0 || e === a.current || r && (a.current = e, i({ padding: .1 }));
|
|
@@ -768,7 +764,7 @@ function ae({ token: e }) {
|
|
|
768
764
|
]), null;
|
|
769
765
|
}
|
|
770
766
|
var z = [];
|
|
771
|
-
function
|
|
767
|
+
function se(e) {
|
|
772
768
|
switch (e) {
|
|
773
769
|
case "belongsTo": return "#10b981";
|
|
774
770
|
case "hasOne": return "#3b82f6";
|
|
@@ -778,13 +774,13 @@ function oe(e) {
|
|
|
778
774
|
}
|
|
779
775
|
}
|
|
780
776
|
function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlightedFields: a, searchTerm: s, height: f = "100%" }) {
|
|
781
|
-
let { ReactFlow: h, Controls: g, MiniMap: v, Background: y, applyNodeChanges: b } = _(), { meta: x, metaLoading: S, metaError: C } = n(), w = i || z, T = a || z, [E, D] = d(null), [O, k] = d(s || ""), [
|
|
777
|
+
let { ReactFlow: h, Controls: g, MiniMap: v, Background: y, applyNodeChanges: b } = _(), { meta: x, metaLoading: S, metaError: C } = n(), w = i || z, T = a || z, [E, D] = d(null), [O, k] = d(s || ""), [ee, ne] = d(0), [A, j] = d(null), [M, N] = d(null), P = u(null), F = !r, [I, L] = d({}), [R, B] = d(!1), ce = t("search"), le = t("close"), V = s === void 0 ? O : s;
|
|
782
778
|
c(() => {
|
|
783
779
|
try {
|
|
784
780
|
let e = localStorage.getItem("drizzle-cube-erd-node-positions");
|
|
785
|
-
e &&
|
|
781
|
+
e && L(JSON.parse(e));
|
|
786
782
|
} catch {}
|
|
787
|
-
|
|
783
|
+
B(!0);
|
|
788
784
|
}, []);
|
|
789
785
|
let { structuralNodes: H, structuralEdges: U } = l(() => {
|
|
790
786
|
if (!x) return {
|
|
@@ -813,7 +809,7 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
813
809
|
},
|
|
814
810
|
animated: !1,
|
|
815
811
|
style: {
|
|
816
|
-
stroke:
|
|
812
|
+
stroke: se(n.relationship),
|
|
817
813
|
strokeWidth: 2
|
|
818
814
|
}
|
|
819
815
|
});
|
|
@@ -822,13 +818,13 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
822
818
|
structuralNodes: e,
|
|
823
819
|
structuralEdges: t
|
|
824
820
|
};
|
|
825
|
-
}, [x]), W =
|
|
821
|
+
}, [x]), W = ee > 0 || R && Object.keys(I).length === 0, { nodes: G, edges: K, phase: ue } = re(W ? H : [], W ? U : [], {
|
|
826
822
|
direction: "LR",
|
|
827
823
|
nodeWidth: 340,
|
|
828
824
|
nodeSep: 150,
|
|
829
825
|
rankSep: 350
|
|
830
826
|
}), q = o((e, t) => {
|
|
831
|
-
let n =
|
|
827
|
+
let n = P.current?.getBoundingClientRect();
|
|
832
828
|
if (!n) return {
|
|
833
829
|
x: e,
|
|
834
830
|
y: t
|
|
@@ -839,48 +835,48 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
839
835
|
y: i
|
|
840
836
|
};
|
|
841
837
|
}, []), de = o((e, t, n, r) => {
|
|
842
|
-
|
|
838
|
+
j((i) => i && i.cubeName === e && i.fieldName === t ? (N(null), null) : (r && N(q(r.x, r.y)), {
|
|
843
839
|
cubeName: e,
|
|
844
840
|
fieldName: t,
|
|
845
841
|
fieldType: n
|
|
846
842
|
}));
|
|
847
843
|
}, [q]), fe = o((e, t) => {
|
|
848
|
-
|
|
844
|
+
j((n) => n && n.cubeName === e && n.fieldName === null ? (N(null), null) : (t && N(q(t.x, t.y)), {
|
|
849
845
|
cubeName: e,
|
|
850
846
|
fieldName: null,
|
|
851
847
|
fieldType: "cube"
|
|
852
848
|
}));
|
|
853
|
-
}, [q]), pe =
|
|
849
|
+
}, [q]), pe = F ? de : r, me = F ? fe : void 0, J = o((e) => ({
|
|
854
850
|
cube: e,
|
|
855
851
|
onFieldClick: pe,
|
|
856
852
|
onCubeClick: me,
|
|
857
853
|
isHighlighted: w.includes(e.name),
|
|
858
854
|
highlightedFields: T,
|
|
859
855
|
searchTerm: V,
|
|
860
|
-
selectedField:
|
|
856
|
+
selectedField: F ? A : null
|
|
861
857
|
}), [
|
|
862
858
|
pe,
|
|
863
859
|
me,
|
|
864
860
|
w,
|
|
865
861
|
T,
|
|
866
862
|
V,
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
]), Y = !W || ue === "ready", X = l(() => !x || !Y || !
|
|
863
|
+
F,
|
|
864
|
+
A
|
|
865
|
+
]), Y = !W || ue === "ready", X = l(() => !x || !Y || !R ? [] : W && G.length > 0 ? G.map((e) => ({
|
|
870
866
|
...e,
|
|
871
867
|
data: J(e.data?.cube || x.cubes.find((t) => t.name === e.id))
|
|
872
868
|
})) : H.map((e) => ({
|
|
873
869
|
...e,
|
|
874
|
-
position:
|
|
870
|
+
position: I[e.id] || e.position,
|
|
875
871
|
data: J(e.data?.cube)
|
|
876
872
|
})), [
|
|
877
873
|
x,
|
|
878
874
|
Y,
|
|
879
|
-
|
|
875
|
+
R,
|
|
880
876
|
W,
|
|
881
877
|
G,
|
|
882
878
|
H,
|
|
883
|
-
|
|
879
|
+
I,
|
|
884
880
|
J
|
|
885
881
|
]), he = l(() => !x || !Y ? [] : W && K.length > 0 ? K : U, [
|
|
886
882
|
x,
|
|
@@ -898,7 +894,7 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
898
894
|
}, [X, he]);
|
|
899
895
|
let be = u("");
|
|
900
896
|
c(() => {
|
|
901
|
-
let e =
|
|
897
|
+
let e = A ? `${A.cubeName}.${A.fieldName}` : "", t = `${w.join(",")}|${T.join(",")}|${V}|${String(r)}|${e}`;
|
|
902
898
|
t !== be.current && (be.current = t, !(Z.length === 0 || !x) && Q((e) => e.map((e) => {
|
|
903
899
|
let t = x.cubes.find((t) => t.name === e.id);
|
|
904
900
|
return t ? {
|
|
@@ -911,7 +907,7 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
911
907
|
T,
|
|
912
908
|
V,
|
|
913
909
|
r,
|
|
914
|
-
|
|
910
|
+
A,
|
|
915
911
|
Z.length,
|
|
916
912
|
x,
|
|
917
913
|
J
|
|
@@ -925,7 +921,7 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
925
921
|
try {
|
|
926
922
|
localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(t));
|
|
927
923
|
} catch {}
|
|
928
|
-
return
|
|
924
|
+
return L(t), e;
|
|
929
925
|
});
|
|
930
926
|
}, []), Se = o((e) => {}, []), Ce = o((e) => {
|
|
931
927
|
e.preventDefault(), e.stopPropagation(), D({
|
|
@@ -933,13 +929,13 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
933
929
|
y: e.clientY
|
|
934
930
|
});
|
|
935
931
|
}, []), we = o(() => {
|
|
936
|
-
E && D(null),
|
|
937
|
-
}, [E,
|
|
938
|
-
|
|
932
|
+
E && D(null), A && (j(null), N(null));
|
|
933
|
+
}, [E, A]), Te = o(() => {
|
|
934
|
+
L({}), $.current = "";
|
|
939
935
|
try {
|
|
940
936
|
localStorage.removeItem("drizzle-cube-erd-node-positions");
|
|
941
937
|
} catch {}
|
|
942
|
-
|
|
938
|
+
ne((e) => e + 1), D(null);
|
|
943
939
|
}, []);
|
|
944
940
|
return S ? /* @__PURE__ */ p("div", {
|
|
945
941
|
className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
|
|
@@ -1000,7 +996,7 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
1000
996
|
]
|
|
1001
997
|
}),
|
|
1002
998
|
/* @__PURE__ */ m("div", {
|
|
1003
|
-
ref:
|
|
999
|
+
ref: P,
|
|
1004
1000
|
className: "dc:relative dc:flex-1 dc:min-h-0",
|
|
1005
1001
|
children: [/* @__PURE__ */ p("div", {
|
|
1006
1002
|
style: {
|
|
@@ -1012,8 +1008,8 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
1012
1008
|
edges: ge,
|
|
1013
1009
|
onNodesChange: xe,
|
|
1014
1010
|
onEdgesChange: Se,
|
|
1015
|
-
nodeTypes:
|
|
1016
|
-
edgeTypes:
|
|
1011
|
+
nodeTypes: ie,
|
|
1012
|
+
edgeTypes: ae,
|
|
1017
1013
|
connectionMode: "loose",
|
|
1018
1014
|
minZoom: .1,
|
|
1019
1015
|
maxZoom: 2,
|
|
@@ -1031,20 +1027,20 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
1031
1027
|
gap: 12,
|
|
1032
1028
|
size: 1
|
|
1033
1029
|
}),
|
|
1034
|
-
/* @__PURE__ */ p(
|
|
1030
|
+
/* @__PURE__ */ p(oe, { token: ve })
|
|
1035
1031
|
]
|
|
1036
1032
|
})
|
|
1037
|
-
}),
|
|
1033
|
+
}), F && A && M && x && /* @__PURE__ */ p("div", {
|
|
1038
1034
|
className: "dc:absolute dc:z-20",
|
|
1039
1035
|
style: {
|
|
1040
|
-
left:
|
|
1041
|
-
top:
|
|
1036
|
+
left: M.x,
|
|
1037
|
+
top: M.y
|
|
1042
1038
|
},
|
|
1043
|
-
children: /* @__PURE__ */ p(
|
|
1044
|
-
selection:
|
|
1039
|
+
children: /* @__PURE__ */ p(te, {
|
|
1040
|
+
selection: A,
|
|
1045
1041
|
meta: x,
|
|
1046
1042
|
onClose: () => {
|
|
1047
|
-
|
|
1043
|
+
j(null), N(null);
|
|
1048
1044
|
}
|
|
1049
1045
|
})
|
|
1050
1046
|
})]
|
|
@@ -1074,6 +1070,6 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
|
|
|
1074
1070
|
});
|
|
1075
1071
|
}
|
|
1076
1072
|
//#endregion
|
|
1077
|
-
export {
|
|
1073
|
+
export { C as n, v as r, R as t };
|
|
1078
1074
|
|
|
1079
|
-
//# sourceMappingURL=schema-visualization-
|
|
1075
|
+
//# sourceMappingURL=schema-visualization-DVdfx6N8.js.map
|