@databrainhq/plugin 0.17.9-beta.22 → 0.17.9-beta.24
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/{Chart-CvMpLgcw.mjs → Chart-CN6QJNuH.mjs} +701 -690
- package/dist/{ChartNavigationProvider-BWdzZJjZ.mjs → ChartNavigationProvider-21TEyJVu.mjs} +595 -579
- package/dist/{CreateMetricV2-am7_yyXZ.mjs → CreateMetricV2-By6TluCB.mjs} +2 -2
- package/dist/{MetricCardV2-Bb7Vf7KR.mjs → MetricCardV2-PaPJjaYl.mjs} +2 -2
- package/dist/{SearchMetricData-BAkkiKry.mjs → SearchMetricData-bkyany4m.mjs} +1 -1
- package/dist/{charts-CqXw5nWb.mjs → charts-CT97dkOO.mjs} +1329 -1244
- package/dist/{echarts-DItRYaFI.mjs → echarts-BRrftNQU.mjs} +1 -1
- package/dist/webcomponents.es.js +10 -9
- package/dist/webcomponents.umd.js +164 -164
- package/package.json +1 -1
|
@@ -2,14 +2,14 @@ import "react";
|
|
|
2
2
|
import "react-dom";
|
|
3
3
|
import "react-dom/client";
|
|
4
4
|
import { a as e, i as t, o as n, r, t as i } from "./rolldown-runtime-C1JUX4Ur.mjs";
|
|
5
|
-
import { Ba as a, Gi as o, N as s, Oi as c, Pa as l, Pt as u, Sa as d, Xr as f, Zr as p, a as m, ar as h, br as g, ca as _, dr as v, ft as y, l as b, m as
|
|
6
|
-
import { t as
|
|
7
|
-
import { i as
|
|
8
|
-
import { $ as
|
|
9
|
-
import { a as
|
|
10
|
-
import { _ as
|
|
11
|
-
import { n as
|
|
12
|
-
import { $ as
|
|
5
|
+
import { Ba as a, Gi as o, N as s, Oi as c, Pa as l, Pt as u, Sa as d, Xr as f, Zr as p, a as m, ar as h, br as g, ca as _, dr as v, ft as y, l as b, m as ee, ot as x, pi as S, pt as C, u as te, ur as w } from "./Portal-WeKuJ7j6.mjs";
|
|
6
|
+
import { t as ne } from "./jsx-runtime-B0EUnyJj.mjs";
|
|
7
|
+
import { i as T, n as E, r as re, t as ie } from "./toTasteAppearance-BdcghsEP.mjs";
|
|
8
|
+
import { $ as ae, A as D, G as O, J as k, O as A, Q as j, S as M, X as N, Y as oe, Z as se } from "./option-DX8yNc39.mjs";
|
|
9
|
+
import { a as ce, i as le, n as ue, o as de, r as fe } from "./chevron-down-BUPagYDC.mjs";
|
|
10
|
+
import { _ as pe, m as me, p as he, r as ge, t as _e } from "./timeseries-CkzWMhfw.mjs";
|
|
11
|
+
import { n as P } from "./text-CtrvkDIo.mjs";
|
|
12
|
+
import { $ as F, $r as ve, Ar as ye, C as be, Cs as xe, D as Se, Do as Ce, Dr as we, E as Te, Ec as I, Er as L, Fc as Ee, Fs as De, Ft as Oe, Gt as ke, Hi as Ae, Ii as je, Ka as Me, Kr as R, L as Ne, Ln as Pe, M as Fe, Nc as Ie, O as Le, Oo as Re, Or as ze, Pi as Be, Qa as Ve, Qr as He, Rc as Ue, S as We, So as Ge, T as z, Tc as Ke, Vc as qe, Vr as Je, Wa as Ye, Wc as Xe, Xa as Ze, Xc as Qe, Xn as $e, Xr as et, Ya as tt, Yr as B, Za as nt, Zr as rt, _ as it, _r as at, a as ot, ai as st, b as ct, bc as lt, bo as ut, br as dt, c as ft, d as pt, dc as mt, dr as ht, ei as gt, el as _t, eo as vt, er as yt, et as bt, f as xt, fc as St, fi as Ct, fr as wt, g as Tt, gc as Et, go as Dt, h as Ot, hc as kt, ho as At, i as jt, ii as Mt, it as Nt, jr as Pt, kc as Ft, l as It, lc as Lt, m as Rt, mo as zt, n as Bt, ni as Vt, no as Ht, nt as Ut, o as Wt, oi as Gt, p as Kt, po as qt, qn as Jt, qr as Yt, r as Xt, ri as Zt, ro as Qt, rs as $t, s as en, t as tn, ti as nn, tl as rn, u as an, ur as on, v as sn, vc as cn, vn as ln, vo as un, vr as dn, w as fn, wc as pn, wo as mn, x as hn, xc as gn, xo as _n, xr as vn, y as yn, yo as bn, zc as xn, zi as Sn } from "./echarts-CrmHGsP0.mjs";
|
|
13
13
|
import { t as Cn } from "./SeriesData-Bv5A1N4c.mjs";
|
|
14
14
|
import { t as wn } from "./createDimensions-S6mCgFoA.mjs";
|
|
15
15
|
import { t as Tn } from "./createSeriesData-Be6hvJRM.mjs";
|
|
@@ -54,7 +54,7 @@ var cr = {
|
|
|
54
54
|
};
|
|
55
55
|
function lr(e, t) {
|
|
56
56
|
var n = t;
|
|
57
|
-
t instanceof
|
|
57
|
+
t instanceof $e || (n = new $e(t));
|
|
58
58
|
var r = kn(n), i = An(n, r, !1);
|
|
59
59
|
return e[1] < e[0] && (e = e.slice().reverse()), Nn(i, n, null, null, e), i;
|
|
60
60
|
}
|
|
@@ -68,8 +68,8 @@ function dr(e, t) {
|
|
|
68
68
|
//#region ../../../node_modules/.pnpm/echarts@6.1.0/node_modules/echarts/lib/export/api/number.js
|
|
69
69
|
var fr = /* @__PURE__ */ r({
|
|
70
70
|
MAX_SAFE_INTEGER: () => Ye,
|
|
71
|
-
asc: () =>
|
|
72
|
-
getPercentWithPrecision: () =>
|
|
71
|
+
asc: () => Me,
|
|
72
|
+
getPercentWithPrecision: () => tt,
|
|
73
73
|
getPixelPrecision: () => Ze,
|
|
74
74
|
getPrecision: () => nt,
|
|
75
75
|
getPrecisionSafe: () => Ve,
|
|
@@ -84,16 +84,16 @@ var fr = /* @__PURE__ */ r({
|
|
|
84
84
|
quantity: () => bn,
|
|
85
85
|
quantityExponent: () => ut,
|
|
86
86
|
reformIntervals: () => _n,
|
|
87
|
-
remRadian: () =>
|
|
87
|
+
remRadian: () => Ge,
|
|
88
88
|
round: () => mn
|
|
89
89
|
}), pr = /* @__PURE__ */ r({
|
|
90
90
|
format: () => ln,
|
|
91
91
|
parse: () => At,
|
|
92
92
|
roundTime: () => Pe
|
|
93
93
|
}), mr = /* @__PURE__ */ r({
|
|
94
|
-
Arc: () =>
|
|
95
|
-
BezierCurve: () =>
|
|
96
|
-
BoundingRect: () =>
|
|
94
|
+
Arc: () => He,
|
|
95
|
+
BezierCurve: () => ve,
|
|
96
|
+
BoundingRect: () => xe,
|
|
97
97
|
Circle: () => Gt,
|
|
98
98
|
CompoundPath: () => rt,
|
|
99
99
|
Ellipse: () => st,
|
|
@@ -101,10 +101,10 @@ var fr = /* @__PURE__ */ r({
|
|
|
101
101
|
Image: () => Ae,
|
|
102
102
|
IncrementalDisplayable: () => Yt,
|
|
103
103
|
Line: () => gt,
|
|
104
|
-
LinearGradient: () =>
|
|
104
|
+
LinearGradient: () => et,
|
|
105
105
|
Polygon: () => Vt,
|
|
106
106
|
Polyline: () => nn,
|
|
107
|
-
RadialGradient: () =>
|
|
107
|
+
RadialGradient: () => B,
|
|
108
108
|
Rect: () => Sn,
|
|
109
109
|
Ring: () => Zt,
|
|
110
110
|
Sector: () => Mt,
|
|
@@ -117,12 +117,12 @@ var fr = /* @__PURE__ */ r({
|
|
|
117
117
|
getShapeClass: () => dt,
|
|
118
118
|
getTransform: () => vn,
|
|
119
119
|
initProps: () => Je,
|
|
120
|
-
makeImage: () =>
|
|
121
|
-
makePath: () =>
|
|
120
|
+
makeImage: () => L,
|
|
121
|
+
makePath: () => we,
|
|
122
122
|
mergePath: () => ze,
|
|
123
|
-
registerShape: () =>
|
|
123
|
+
registerShape: () => ye,
|
|
124
124
|
resizePath: () => Pt,
|
|
125
|
-
updateProps: () =>
|
|
125
|
+
updateProps: () => R
|
|
126
126
|
}), hr = /* @__PURE__ */ r({
|
|
127
127
|
bind: () => mt,
|
|
128
128
|
clone: () => St,
|
|
@@ -133,11 +133,11 @@ var fr = /* @__PURE__ */ r({
|
|
|
133
133
|
filter: () => gn,
|
|
134
134
|
indexOf: () => pn,
|
|
135
135
|
inherits: () => Ke,
|
|
136
|
-
isArray: () =>
|
|
136
|
+
isArray: () => I,
|
|
137
137
|
isFunction: () => Ft,
|
|
138
138
|
isObject: () => Ie,
|
|
139
139
|
isString: () => Ee,
|
|
140
|
-
map: () =>
|
|
140
|
+
map: () => Ue,
|
|
141
141
|
merge: () => xn,
|
|
142
142
|
reduce: () => Xe
|
|
143
143
|
});
|
|
@@ -161,13 +161,13 @@ function yr(e) {
|
|
|
161
161
|
}
|
|
162
162
|
//#endregion
|
|
163
163
|
//#region ../../../node_modules/.pnpm/echarts@6.1.0/node_modules/echarts/core.js
|
|
164
|
-
var J =
|
|
164
|
+
var J = ne(), br = /* @__PURE__ */ r({
|
|
165
165
|
Axis: () => Mn,
|
|
166
166
|
ChartView: () => bt,
|
|
167
167
|
ComponentModel: () => Oe,
|
|
168
168
|
ComponentView: () => Ut,
|
|
169
169
|
List: () => Cn,
|
|
170
|
-
Model: () =>
|
|
170
|
+
Model: () => $e,
|
|
171
171
|
PRIORITY: () => tn,
|
|
172
172
|
SeriesModel: () => Nt,
|
|
173
173
|
color: () => $t,
|
|
@@ -182,7 +182,7 @@ var J = te(), br = /* @__PURE__ */ r({
|
|
|
182
182
|
extendComponentModel: () => gr,
|
|
183
183
|
extendComponentView: () => _r,
|
|
184
184
|
extendSeriesModel: () => vr,
|
|
185
|
-
format: () =>
|
|
185
|
+
format: () => me,
|
|
186
186
|
getCoordinateSystemDimensions: () => ft,
|
|
187
187
|
getInstanceByDom: () => It,
|
|
188
188
|
getInstanceById: () => an,
|
|
@@ -205,27 +205,27 @@ var J = te(), br = /* @__PURE__ */ r({
|
|
|
205
205
|
registerPostInit: () => yn,
|
|
206
206
|
registerPostUpdate: () => ct,
|
|
207
207
|
registerPreprocessor: () => hn,
|
|
208
|
-
registerProcessor: () =>
|
|
209
|
-
registerTheme: () =>
|
|
208
|
+
registerProcessor: () => We,
|
|
209
|
+
registerTheme: () => be,
|
|
210
210
|
registerTransform: () => fn,
|
|
211
|
-
registerUpdateLifecycle: () =>
|
|
212
|
-
registerVisual: () =>
|
|
213
|
-
setCanvasCreator: () =>
|
|
211
|
+
registerUpdateLifecycle: () => z,
|
|
212
|
+
registerVisual: () => Te,
|
|
213
|
+
setCanvasCreator: () => Se,
|
|
214
214
|
setPlatformAPI: () => _t,
|
|
215
|
-
throttle: () =>
|
|
215
|
+
throttle: () => F,
|
|
216
216
|
time: () => pr,
|
|
217
217
|
use: () => Pn,
|
|
218
218
|
util: () => hr,
|
|
219
219
|
vector: () => Lt,
|
|
220
220
|
version: () => Le,
|
|
221
|
-
zrUtil: () =>
|
|
222
|
-
zrender: () =>
|
|
221
|
+
zrUtil: () => Qe,
|
|
222
|
+
zrender: () => Ce
|
|
223
223
|
});
|
|
224
224
|
//#endregion
|
|
225
225
|
//#region src/charts/chartMinHeight.ts
|
|
226
226
|
function xr(e) {
|
|
227
|
-
let t = e ?
|
|
228
|
-
return t ?
|
|
227
|
+
let t = e ? ce[e] : void 0;
|
|
228
|
+
return t ? N(t) : 200;
|
|
229
229
|
}
|
|
230
230
|
//#endregion
|
|
231
231
|
//#region src/charts/echarts6Compatibility.ts
|
|
@@ -287,7 +287,7 @@ function Pr(e) {
|
|
|
287
287
|
if (!t || !Or.includes(t) || !n || !(n.width > 0) || !(n.height > 0) || !r || r.length === 0) return null;
|
|
288
288
|
let i = Nr(e);
|
|
289
289
|
if (i.show === !1) return null;
|
|
290
|
-
let a =
|
|
290
|
+
let a = O({
|
|
291
291
|
labels: r,
|
|
292
292
|
layout: n,
|
|
293
293
|
legend: i,
|
|
@@ -295,7 +295,7 @@ function Pr(e) {
|
|
|
295
295
|
directLabelling: !0
|
|
296
296
|
});
|
|
297
297
|
if (!a.show) return null;
|
|
298
|
-
let o =
|
|
298
|
+
let o = A({
|
|
299
299
|
legendRoom: !0,
|
|
300
300
|
layout: n,
|
|
301
301
|
outsideLabels: e.outsideLabels !== !1,
|
|
@@ -338,7 +338,7 @@ function zr(e, t, n) {
|
|
|
338
338
|
if (!r || !Or.includes(r) || !i || !(i.width > 0) || !(i.height > 0)) return null;
|
|
339
339
|
let a = e.filter(Lr);
|
|
340
340
|
if (a.length === 0 || n.centerX !== void 0 && !/%$/.test(n.centerX)) return null;
|
|
341
|
-
let o = Math.max(...e.map((e) => Ir(e?.radius))), s = a[0], c =
|
|
341
|
+
let o = Math.max(...e.map((e) => Ir(e?.radius))), s = a[0], c = M({
|
|
342
342
|
layout: i,
|
|
343
343
|
outerRadius: o * n.scale,
|
|
344
344
|
centerX: n.centerX,
|
|
@@ -390,7 +390,7 @@ function Br(e, t) {
|
|
|
390
390
|
...e,
|
|
391
391
|
...o ? { center: o.center } : {},
|
|
392
392
|
...u ? { center: [(o?.center ?? e.center ?? ["50%", "50%"])[0], "44%"] } : {},
|
|
393
|
-
...e.radius !== void 0 && d < 1 ? { radius:
|
|
393
|
+
...e.radius !== void 0 && d < 1 ? { radius: D(e.radius, d) } : {},
|
|
394
394
|
...c?.hide && Lr(e) ? {
|
|
395
395
|
label: {
|
|
396
396
|
...e.label,
|
|
@@ -1376,12 +1376,12 @@ try {
|
|
|
1376
1376
|
var lo = U.forwardRef(function({ onClick: e, discover: t = "render", prefetch: n = "none", relative: r, reloadDocument: i, replace: a, mask: o, state: s, target: c, to: l, preventScrollReset: u, viewTransition: d, defaultShouldRevalidate: f, ...p }, m) {
|
|
1377
1377
|
let { basename: h, navigator: g, useTransitions: _ } = U.useContext(Z), v = typeof l == "string" && Vr.test(l), y = ki(l, h);
|
|
1378
1378
|
l = y.to;
|
|
1379
|
-
let b = ea(l, { relative: r }),
|
|
1379
|
+
let b = ea(l, { relative: r }), ee = na(), x = null;
|
|
1380
1380
|
if (o) {
|
|
1381
|
-
let e = yi(o, [],
|
|
1382
|
-
h !== "/" && (e.pathname = e.pathname === "/" ? h : X([h, e.pathname])),
|
|
1381
|
+
let e = yi(o, [], ee.mask ? ee.mask.pathname : "/", !0);
|
|
1382
|
+
h !== "/" && (e.pathname = e.pathname === "/" ? h : X([h, e.pathname])), x = g.createHref(e);
|
|
1383
1383
|
}
|
|
1384
|
-
let [
|
|
1384
|
+
let [S, C, te] = to(n, p), w = ho(l, {
|
|
1385
1385
|
replace: a,
|
|
1386
1386
|
mask: o,
|
|
1387
1387
|
state: s,
|
|
@@ -1392,45 +1392,45 @@ var lo = U.forwardRef(function({ onClick: e, discover: t = "render", prefetch: n
|
|
|
1392
1392
|
defaultShouldRevalidate: f,
|
|
1393
1393
|
useTransitions: _
|
|
1394
1394
|
});
|
|
1395
|
-
function
|
|
1396
|
-
e && e(t), t.defaultPrevented ||
|
|
1395
|
+
function ne(t) {
|
|
1396
|
+
e && e(t), t.defaultPrevented || w(t);
|
|
1397
1397
|
}
|
|
1398
|
-
let
|
|
1398
|
+
let T = !(y.isExternal || i), E = /* @__PURE__ */ U.createElement("a", {
|
|
1399
1399
|
...p,
|
|
1400
|
-
...
|
|
1401
|
-
href: (
|
|
1402
|
-
onClick:
|
|
1403
|
-
ref: so(m,
|
|
1400
|
+
...te,
|
|
1401
|
+
href: (T ? x : void 0) || y.absoluteURL || b,
|
|
1402
|
+
onClick: T ? ne : e,
|
|
1403
|
+
ref: so(m, C),
|
|
1404
1404
|
target: c,
|
|
1405
1405
|
"data-discover": !v && t === "render" ? "true" : void 0
|
|
1406
1406
|
});
|
|
1407
|
-
return
|
|
1407
|
+
return S && !v ? /* @__PURE__ */ U.createElement(U.Fragment, null, E, /* @__PURE__ */ U.createElement(ro, { page: b })) : E;
|
|
1408
1408
|
});
|
|
1409
1409
|
lo.displayName = "Link";
|
|
1410
1410
|
var uo = U.forwardRef(function({ "aria-current": e = "page", caseSensitive: t = !1, className: n = "", end: r = !1, style: i, to: a, viewTransition: o, children: s, ...c }, l) {
|
|
1411
1411
|
let u = sa(a, { relative: c.relative }), d = na(), f = U.useContext(Bi), { navigator: p, basename: m } = U.useContext(Z), h = f != null && bo(u) && o === !0, g = p.encodeLocation ? p.encodeLocation(u).pathname : u.pathname, _ = d.pathname, v = f && f.navigation && f.navigation.location ? f.navigation.location.pathname : null;
|
|
1412
1412
|
t || (_ = _.toLowerCase(), v = v ? v.toLowerCase() : null, g = g.toLowerCase()), v && m && (v = pi(v, m) || v);
|
|
1413
|
-
let y = g !== "/" && g.endsWith("/") ? g.length - 1 : g.length, b = _ === g || !r && _.startsWith(g) && _.charAt(y) === "/",
|
|
1413
|
+
let y = g !== "/" && g.endsWith("/") ? g.length - 1 : g.length, b = _ === g || !r && _.startsWith(g) && _.charAt(y) === "/", ee = v != null && (v === g || !r && v.startsWith(g) && v.charAt(g.length) === "/"), x = {
|
|
1414
1414
|
isActive: b,
|
|
1415
|
-
isPending:
|
|
1415
|
+
isPending: ee,
|
|
1416
1416
|
isTransitioning: h
|
|
1417
|
-
},
|
|
1418
|
-
|
|
1417
|
+
}, S = b ? e : void 0, C;
|
|
1418
|
+
C = typeof n == "function" ? n(x) : [
|
|
1419
1419
|
n,
|
|
1420
1420
|
b ? "active" : null,
|
|
1421
|
-
|
|
1421
|
+
ee ? "pending" : null,
|
|
1422
1422
|
h ? "transitioning" : null
|
|
1423
1423
|
].filter(Boolean).join(" ");
|
|
1424
|
-
let
|
|
1424
|
+
let te = typeof i == "function" ? i(x) : i;
|
|
1425
1425
|
return /* @__PURE__ */ U.createElement(lo, {
|
|
1426
1426
|
...c,
|
|
1427
|
-
"aria-current":
|
|
1428
|
-
className:
|
|
1427
|
+
"aria-current": S,
|
|
1428
|
+
className: C,
|
|
1429
1429
|
ref: l,
|
|
1430
|
-
style:
|
|
1430
|
+
style: te,
|
|
1431
1431
|
to: a,
|
|
1432
1432
|
viewTransition: o
|
|
1433
|
-
}, typeof s == "function" ? s(
|
|
1433
|
+
}, typeof s == "function" ? s(x) : s);
|
|
1434
1434
|
});
|
|
1435
1435
|
uo.displayName = "NavLink";
|
|
1436
1436
|
var fo = U.forwardRef(({ discover: e = "render", fetcherKey: t, navigate: n, reloadDocument: r, replace: i, state: a, method: o = Da, action: s, onSubmit: c, relative: l, preventScrollReset: u, viewTransition: d, defaultShouldRevalidate: f, ...p }, m) => {
|
|
@@ -1560,12 +1560,12 @@ function bo(e, { relative: t } = {}) {
|
|
|
1560
1560
|
}
|
|
1561
1561
|
//#endregion
|
|
1562
1562
|
//#region src/components/List/index.tsx
|
|
1563
|
-
var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Data Available", loadMoreText: i = "See More", className: o = "", initialLimit: s = 5, isDataLoading: c = !1, showLogo: u, isShowOptions: d, setValue: f, currentPage: p = 1, isEnableScrollToTop: h, isDisableMoreOption: g, isEnableSelectAll: _, onSelectAll: y, onDeselectAll: b, isAllSelected:
|
|
1564
|
-
let
|
|
1565
|
-
if (
|
|
1563
|
+
var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Data Available", loadMoreText: i = "See More", className: o = "", initialLimit: s = 5, isDataLoading: c = !1, showLogo: u, isShowOptions: d, setValue: f, currentPage: p = 1, isEnableScrollToTop: h, isDisableMoreOption: g, isEnableSelectAll: _, onSelectAll: y, onDeselectAll: b, isAllSelected: x, parent: S, extraValues: C, extraHeaderText: ne, onTourClick: T, onRowClick: E, onRowHover: re, onMouseOut: ie, buttonContent: ae, noDataSubHeading: D, isDatasourceList: O, stateKey: k, onCreate: A, isDemoDatasource: j, isOpenInNewTab: M, noDataProps: N }) => {
|
|
1564
|
+
let oe = aa(), [se, ce] = q(s), [le, ue] = q(""), [de, fe] = q(""), pe = (e) => {
|
|
1565
|
+
if (S) switch (S) {
|
|
1566
1566
|
case "DASHBOARD":
|
|
1567
|
-
case "DASHBOARD_CREATE": return `/externalDashboard/${e.id}/?wid=${
|
|
1568
|
-
case "METRIC": return `/metric/${e?.metric?.id}/?wid=${e?.workspaceId}${
|
|
1567
|
+
case "DASHBOARD_CREATE": return `/externalDashboard/${e.id}/?wid=${C?.workspaceId}${C?.dataMartId ? `&dmId=${C?.dataMartId}` : ""}${e?.createdBy ? `&createdByClient=${e?.createdBy}` : ""}`;
|
|
1568
|
+
case "METRIC": return `/metric/${e?.metric?.id}/?wid=${e?.workspaceId}${C?.dataMartId ? `&dmId=${C?.dataMartId}` : ""}${e?.dashboardId ? `&dashboardId=${e?.dashboardId}` : ""}&client=${e?.metric?.clientId}&parent=homepage&isPublished=${e?.isPublished}`;
|
|
1569
1569
|
case "DATASOURCE": return `/integration/${e.integrationId}?id=${e.id}`;
|
|
1570
1570
|
case "DATAAPP": return `embedInfo/${e.id}`;
|
|
1571
1571
|
case "DASHBOARD_EMBED_ACCESS": return e?.embedType === "dashboard" ? `embedAccessControl/${e?.id}?dataAppId=${e?.dataAppId}&wid=${e?.workspaceId}` : null;
|
|
@@ -1575,8 +1575,8 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1575
1575
|
default: return null;
|
|
1576
1576
|
}
|
|
1577
1577
|
return null;
|
|
1578
|
-
},
|
|
1579
|
-
if (
|
|
1578
|
+
}, me = () => {
|
|
1579
|
+
if (k) switch (k) {
|
|
1580
1580
|
case "datasource": return /* @__PURE__ */ (0, J.jsx)("div", {
|
|
1581
1581
|
className: "dbn:flex dbn:justify-center dbn:items-center",
|
|
1582
1582
|
style: { height: "270px" },
|
|
@@ -1595,7 +1595,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1595
1595
|
to: "/configuration",
|
|
1596
1596
|
children: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1597
1597
|
className: H.createBtn,
|
|
1598
|
-
children: [/* @__PURE__ */ (0, J.jsx)(
|
|
1598
|
+
children: [/* @__PURE__ */ (0, J.jsx)(w, {
|
|
1599
1599
|
size: "sm",
|
|
1600
1600
|
name: "plus"
|
|
1601
1601
|
}), /* @__PURE__ */ (0, J.jsx)(a, {
|
|
@@ -1622,8 +1622,8 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1622
1622
|
isNoDatamart: !0
|
|
1623
1623
|
}), /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1624
1624
|
className: H.createBtn,
|
|
1625
|
-
onClick:
|
|
1626
|
-
children: [/* @__PURE__ */ (0, J.jsx)(
|
|
1625
|
+
onClick: A,
|
|
1626
|
+
children: [/* @__PURE__ */ (0, J.jsx)(w, {
|
|
1627
1627
|
size: "sm",
|
|
1628
1628
|
name: "plus"
|
|
1629
1629
|
}), /* @__PURE__ */ (0, J.jsx)(a, {
|
|
@@ -1649,8 +1649,8 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1649
1649
|
isNoDatamart: !0
|
|
1650
1650
|
}), /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1651
1651
|
className: H.createBtn,
|
|
1652
|
-
onClick:
|
|
1653
|
-
children: [/* @__PURE__ */ (0, J.jsx)(
|
|
1652
|
+
onClick: A,
|
|
1653
|
+
children: [/* @__PURE__ */ (0, J.jsx)(w, {
|
|
1654
1654
|
size: "sm",
|
|
1655
1655
|
name: "plus"
|
|
1656
1656
|
}), /* @__PURE__ */ (0, J.jsx)(a, {
|
|
@@ -1679,22 +1679,22 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1679
1679
|
});
|
|
1680
1680
|
case "dashboard": return /* @__PURE__ */ (0, J.jsx)("div", {
|
|
1681
1681
|
className: "dbn:flex dbn:justify-center dbn:items-center",
|
|
1682
|
-
style: { height:
|
|
1682
|
+
style: { height: j ? "200px" : "calc(100% - 50px)" },
|
|
1683
1683
|
children: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1684
1684
|
className: "dbn:flex dbn:flex-col dbn:gap-6 dbn:justify-center dbn:items-center",
|
|
1685
1685
|
children: [/* @__PURE__ */ (0, J.jsx)(V, {
|
|
1686
1686
|
message: "No dashboards here yet.",
|
|
1687
1687
|
subText: "Create your first dashboard to get started.",
|
|
1688
|
-
height:
|
|
1688
|
+
height: j ? "0px" : "140px",
|
|
1689
1689
|
width: "216px",
|
|
1690
1690
|
msgGap: "24px",
|
|
1691
1691
|
subTextGap: "6px",
|
|
1692
1692
|
msgVariant: "sec-heading-4",
|
|
1693
1693
|
isNoDashboard: !0
|
|
1694
|
-
}),
|
|
1694
|
+
}), S === "DASHBOARD_CREATE" && /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1695
1695
|
className: H.createBtn,
|
|
1696
|
-
onClick:
|
|
1697
|
-
children: [/* @__PURE__ */ (0, J.jsx)(
|
|
1696
|
+
onClick: A,
|
|
1697
|
+
children: [/* @__PURE__ */ (0, J.jsx)(w, {
|
|
1698
1698
|
size: "sm",
|
|
1699
1699
|
name: "plus"
|
|
1700
1700
|
}), /* @__PURE__ */ (0, J.jsx)(a, {
|
|
@@ -1706,22 +1706,22 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1706
1706
|
});
|
|
1707
1707
|
case "metric": return /* @__PURE__ */ (0, J.jsx)("div", {
|
|
1708
1708
|
className: "dbn:flex dbn:justify-center dbn:items-center",
|
|
1709
|
-
style: { height:
|
|
1709
|
+
style: { height: j ? "200px" : "calc(100% - 50px)" },
|
|
1710
1710
|
children: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1711
1711
|
className: "dbn:flex dbn:flex-col dbn:gap-6 dbn:justify-center dbn:items-center",
|
|
1712
1712
|
children: [/* @__PURE__ */ (0, J.jsx)(V, {
|
|
1713
1713
|
message: "No metrics here yet.",
|
|
1714
1714
|
subText: "Start by adding a metric to build your dashboard.",
|
|
1715
|
-
height:
|
|
1715
|
+
height: j ? "0px" : "140px",
|
|
1716
1716
|
width: "216px",
|
|
1717
1717
|
msgGap: "24px",
|
|
1718
1718
|
subTextGap: "6px",
|
|
1719
1719
|
msgVariant: "sec-heading-4",
|
|
1720
1720
|
isNoMetric: !0
|
|
1721
|
-
}),
|
|
1721
|
+
}), S && /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1722
1722
|
className: H.createBtn,
|
|
1723
|
-
onClick:
|
|
1724
|
-
children: [/* @__PURE__ */ (0, J.jsx)(
|
|
1723
|
+
onClick: A,
|
|
1724
|
+
children: [/* @__PURE__ */ (0, J.jsx)(w, {
|
|
1725
1725
|
size: "sm",
|
|
1726
1726
|
name: "plus"
|
|
1727
1727
|
}), /* @__PURE__ */ (0, J.jsx)(a, {
|
|
@@ -1733,22 +1733,22 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1733
1733
|
});
|
|
1734
1734
|
case "dashboard-search": return /* @__PURE__ */ (0, J.jsx)("div", {
|
|
1735
1735
|
className: "dbn:flex dbn:justify-center dbn:items-center",
|
|
1736
|
-
style: { height:
|
|
1736
|
+
style: { height: j ? "200px" : "calc(100% - 50px)" },
|
|
1737
1737
|
children: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1738
1738
|
className: "dbn:flex dbn:flex-col dbn:gap-6 dbn:justify-center dbn:items-center",
|
|
1739
1739
|
children: [/* @__PURE__ */ (0, J.jsx)(V, {
|
|
1740
1740
|
message: "No results found.",
|
|
1741
1741
|
subText: "Try adjusting your search or create a new dashboard.",
|
|
1742
|
-
height:
|
|
1742
|
+
height: j ? "0px" : "140px",
|
|
1743
1743
|
width: "216px",
|
|
1744
1744
|
msgGap: "24px",
|
|
1745
1745
|
subTextGap: "6px",
|
|
1746
1746
|
msgVariant: "sec-heading-4",
|
|
1747
1747
|
isNoMatchedMetric: !0
|
|
1748
|
-
}),
|
|
1748
|
+
}), S === "DASHBOARD_CREATE" && /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1749
1749
|
className: H.createBtn,
|
|
1750
|
-
onClick:
|
|
1751
|
-
children: [/* @__PURE__ */ (0, J.jsx)(
|
|
1750
|
+
onClick: A,
|
|
1751
|
+
children: [/* @__PURE__ */ (0, J.jsx)(w, {
|
|
1752
1752
|
size: "sm",
|
|
1753
1753
|
name: "plus"
|
|
1754
1754
|
}), /* @__PURE__ */ (0, J.jsx)(a, {
|
|
@@ -1760,22 +1760,22 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1760
1760
|
});
|
|
1761
1761
|
case "metric-search": return /* @__PURE__ */ (0, J.jsx)("div", {
|
|
1762
1762
|
className: "dbn:flex dbn:justify-center dbn:items-center",
|
|
1763
|
-
style: { height:
|
|
1763
|
+
style: { height: j ? "200px" : "calc(100% - 50px)" },
|
|
1764
1764
|
children: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1765
1765
|
className: "dbn:flex dbn:flex-col dbn:gap-6 dbn:justify-center dbn:items-center",
|
|
1766
1766
|
children: [/* @__PURE__ */ (0, J.jsx)(V, {
|
|
1767
1767
|
message: "No results found.",
|
|
1768
1768
|
subText: "Try adjusting your search or create a new metric.",
|
|
1769
|
-
height:
|
|
1769
|
+
height: j ? "0px" : "140px",
|
|
1770
1770
|
width: "216px",
|
|
1771
1771
|
msgGap: "24px",
|
|
1772
1772
|
subTextGap: "6px",
|
|
1773
1773
|
msgVariant: "sec-heading-4",
|
|
1774
1774
|
isNoMatchedMetric: !0
|
|
1775
|
-
}),
|
|
1775
|
+
}), S && /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1776
1776
|
className: H.createBtn,
|
|
1777
|
-
onClick:
|
|
1778
|
-
children: [/* @__PURE__ */ (0, J.jsx)(
|
|
1777
|
+
onClick: A,
|
|
1778
|
+
children: [/* @__PURE__ */ (0, J.jsx)(w, {
|
|
1779
1779
|
size: "sm",
|
|
1780
1780
|
name: "plus"
|
|
1781
1781
|
}), /* @__PURE__ */ (0, J.jsx)(a, {
|
|
@@ -1869,8 +1869,8 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1869
1869
|
default: return null;
|
|
1870
1870
|
}
|
|
1871
1871
|
return null;
|
|
1872
|
-
},
|
|
1873
|
-
if (
|
|
1872
|
+
}, he = () => {
|
|
1873
|
+
if (k) switch (k) {
|
|
1874
1874
|
case "datasource": return /* @__PURE__ */ (0, J.jsxs)(J.Fragment, { children: [/* @__PURE__ */ (0, J.jsx)("div", { className: "dbn:w-full dbn:h-0.5 dbn:border-b dbn:border-secondary" }), /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1875
1875
|
className: "dbn:w-full dbn:flex dbn:flex-col dbn:gap-4 dbn:pb-5",
|
|
1876
1876
|
children: [
|
|
@@ -1881,9 +1881,9 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1881
1881
|
}),
|
|
1882
1882
|
/* @__PURE__ */ (0, J.jsx)(Rn, {
|
|
1883
1883
|
header: "What is a Data Source?",
|
|
1884
|
-
isOpen:
|
|
1884
|
+
isOpen: de === "datasource",
|
|
1885
1885
|
setIsOpen: () => {
|
|
1886
|
-
|
|
1886
|
+
fe((e) => e === "datasource" ? "" : "datasource");
|
|
1887
1887
|
},
|
|
1888
1888
|
content: /* @__PURE__ */ (0, J.jsx)("div", {
|
|
1889
1889
|
className: "dbn:w-full dbn:px-5 dbn:flex dbn:justify-between dbn:items-start dbn:-top-3 dbn:relative",
|
|
@@ -1897,9 +1897,9 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1897
1897
|
}, "datasource"),
|
|
1898
1898
|
/* @__PURE__ */ (0, J.jsx)(Rn, {
|
|
1899
1899
|
header: "How to set up a Data Source?",
|
|
1900
|
-
isOpen:
|
|
1900
|
+
isOpen: de === "datasource-setup",
|
|
1901
1901
|
setIsOpen: () => {
|
|
1902
|
-
|
|
1902
|
+
fe((e) => e === "datasource-setup" ? "" : "datasource-setup");
|
|
1903
1903
|
},
|
|
1904
1904
|
content: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1905
1905
|
className: "dbn:w-full dbn:px-5 dbn:flex dbn:justify-between dbn:items-end dbn:-top-3 dbn:relative",
|
|
@@ -1924,7 +1924,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1924
1924
|
to: "https://docs.usedatabrain.com/guides/onboarding-and-configuration/add-a-data-source",
|
|
1925
1925
|
children: /* @__PURE__ */ (0, J.jsx)(l, {
|
|
1926
1926
|
variant: "popover",
|
|
1927
|
-
leftIcon: /* @__PURE__ */ (0, J.jsx)(
|
|
1927
|
+
leftIcon: /* @__PURE__ */ (0, J.jsx)(w, {
|
|
1928
1928
|
name: "new-window",
|
|
1929
1929
|
color: "cta"
|
|
1930
1930
|
}),
|
|
@@ -1947,9 +1947,9 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1947
1947
|
}),
|
|
1948
1948
|
/* @__PURE__ */ (0, J.jsx)(Rn, {
|
|
1949
1949
|
header: "What are Data Apps?",
|
|
1950
|
-
isOpen:
|
|
1950
|
+
isOpen: de === "dataapp",
|
|
1951
1951
|
setIsOpen: () => {
|
|
1952
|
-
|
|
1952
|
+
fe((e) => e === "dataapp" ? "" : "dataapp");
|
|
1953
1953
|
},
|
|
1954
1954
|
content: /* @__PURE__ */ (0, J.jsx)("div", {
|
|
1955
1955
|
className: "dbn:w-full dbn:px-5 dbn:flex dbn:justify-between dbn:items-start dbn:-top-3 dbn:relative",
|
|
@@ -1963,9 +1963,9 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1963
1963
|
}, "dataapp"),
|
|
1964
1964
|
/* @__PURE__ */ (0, J.jsx)(Rn, {
|
|
1965
1965
|
header: "How to set up a Data App?",
|
|
1966
|
-
isOpen:
|
|
1966
|
+
isOpen: de === "dataapp-setup",
|
|
1967
1967
|
setIsOpen: () => {
|
|
1968
|
-
|
|
1968
|
+
fe((e) => e === "dataapp-setup" ? "" : "dataapp-setup");
|
|
1969
1969
|
},
|
|
1970
1970
|
content: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
1971
1971
|
className: "dbn:w-full dbn:px-5 dbn:flex dbn:justify-between dbn:items-start dbn:-top-3 dbn:relative",
|
|
@@ -1992,7 +1992,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
1992
1992
|
to: "https://docs.usedatabrain.com/guides/datasources/create-a-data-app",
|
|
1993
1993
|
children: /* @__PURE__ */ (0, J.jsx)(l, {
|
|
1994
1994
|
variant: "popover",
|
|
1995
|
-
leftIcon: /* @__PURE__ */ (0, J.jsx)(
|
|
1995
|
+
leftIcon: /* @__PURE__ */ (0, J.jsx)(w, {
|
|
1996
1996
|
name: "new-window",
|
|
1997
1997
|
color: "cta"
|
|
1998
1998
|
}),
|
|
@@ -2015,9 +2015,9 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2015
2015
|
}),
|
|
2016
2016
|
/* @__PURE__ */ (0, J.jsx)(Rn, {
|
|
2017
2017
|
header: "What is a Data Mart?",
|
|
2018
|
-
isOpen:
|
|
2018
|
+
isOpen: de === "datamart",
|
|
2019
2019
|
setIsOpen: () => {
|
|
2020
|
-
|
|
2020
|
+
fe((e) => e === "datamart" ? "" : "datamart");
|
|
2021
2021
|
},
|
|
2022
2022
|
content: /* @__PURE__ */ (0, J.jsx)("div", {
|
|
2023
2023
|
className: "dbn:w-full dbn:px-5 dbn:flex dbn:justify-between dbn:items-start dbn:-top-3 dbn:relative",
|
|
@@ -2031,9 +2031,9 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2031
2031
|
}, "datamart"),
|
|
2032
2032
|
/* @__PURE__ */ (0, J.jsx)(Rn, {
|
|
2033
2033
|
header: "How to set up a Data Mart?",
|
|
2034
|
-
isOpen:
|
|
2034
|
+
isOpen: de === "datamart-setup",
|
|
2035
2035
|
setIsOpen: () => {
|
|
2036
|
-
|
|
2036
|
+
fe((e) => e === "datamart-setup" ? "" : "datamart-setup");
|
|
2037
2037
|
},
|
|
2038
2038
|
content: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
2039
2039
|
className: "dbn:w-full dbn:px-5 dbn:flex dbn:justify-between dbn:items-start dbn:-top-3 dbn:relative",
|
|
@@ -2060,7 +2060,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2060
2060
|
to: "https://docs.usedatabrain.com/guides/datasources/create-a-datamart",
|
|
2061
2061
|
children: /* @__PURE__ */ (0, J.jsx)(l, {
|
|
2062
2062
|
variant: "popover",
|
|
2063
|
-
leftIcon: /* @__PURE__ */ (0, J.jsx)(
|
|
2063
|
+
leftIcon: /* @__PURE__ */ (0, J.jsx)(w, {
|
|
2064
2064
|
name: "new-window",
|
|
2065
2065
|
color: "cta"
|
|
2066
2066
|
}),
|
|
@@ -2083,9 +2083,9 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2083
2083
|
}),
|
|
2084
2084
|
/* @__PURE__ */ (0, J.jsx)(Rn, {
|
|
2085
2085
|
header: "What is a Semantic Layer?",
|
|
2086
|
-
isOpen:
|
|
2086
|
+
isOpen: de === "semantic",
|
|
2087
2087
|
setIsOpen: () => {
|
|
2088
|
-
|
|
2088
|
+
fe((e) => e === "semantic" ? "" : "semantic");
|
|
2089
2089
|
},
|
|
2090
2090
|
content: /* @__PURE__ */ (0, J.jsx)("div", {
|
|
2091
2091
|
className: "dbn:w-full dbn:px-5 dbn:flex dbn:justify-between dbn:items-start dbn:-top-3 dbn:relative",
|
|
@@ -2099,9 +2099,9 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2099
2099
|
}, "semantic"),
|
|
2100
2100
|
/* @__PURE__ */ (0, J.jsx)(Rn, {
|
|
2101
2101
|
header: "How to set up a Semantic Layer?",
|
|
2102
|
-
isOpen:
|
|
2102
|
+
isOpen: de === "semantic-setup",
|
|
2103
2103
|
setIsOpen: () => {
|
|
2104
|
-
|
|
2104
|
+
fe((e) => e === "semantic-setup" ? "" : "semantic-setup");
|
|
2105
2105
|
},
|
|
2106
2106
|
content: /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
2107
2107
|
className: "dbn:w-full dbn:px-5 dbn:flex dbn:justify-between dbn:items-start dbn:-top-3 dbn:relative",
|
|
@@ -2128,7 +2128,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2128
2128
|
to: "https://docs.usedatabrain.com/guides/datasources/semantic-layer",
|
|
2129
2129
|
children: /* @__PURE__ */ (0, J.jsx)(l, {
|
|
2130
2130
|
variant: "popover",
|
|
2131
|
-
leftIcon: /* @__PURE__ */ (0, J.jsx)(
|
|
2131
|
+
leftIcon: /* @__PURE__ */ (0, J.jsx)(w, {
|
|
2132
2132
|
name: "new-window",
|
|
2133
2133
|
color: "cta"
|
|
2134
2134
|
}),
|
|
@@ -2144,14 +2144,14 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2144
2144
|
default: return null;
|
|
2145
2145
|
}
|
|
2146
2146
|
return null;
|
|
2147
|
-
},
|
|
2147
|
+
}, ge = K(null);
|
|
2148
2148
|
return W(() => {
|
|
2149
|
-
h && p &&
|
|
2149
|
+
h && p && ge.current && ge.current.scrollTo({
|
|
2150
2150
|
top: 0,
|
|
2151
2151
|
behavior: "auto"
|
|
2152
2152
|
});
|
|
2153
2153
|
}, [p]), /* @__PURE__ */ (0, J.jsxs)(J.Fragment, { children: [/* @__PURE__ */ (0, J.jsxs)("div", {
|
|
2154
|
-
ref:
|
|
2154
|
+
ref: ge,
|
|
2155
2155
|
className: `${H[`container-${n}`]} ${o}`,
|
|
2156
2156
|
children: [
|
|
2157
2157
|
c ? /* @__PURE__ */ (0, J.jsx)("div", {
|
|
@@ -2161,58 +2161,58 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2161
2161
|
tableRows: 4
|
|
2162
2162
|
})
|
|
2163
2163
|
}) : null,
|
|
2164
|
-
!c && t.length === 0 && !
|
|
2164
|
+
!c && t.length === 0 && !k ? /* @__PURE__ */ (0, J.jsx)("div", {
|
|
2165
2165
|
className: H.noData,
|
|
2166
2166
|
children: /* @__PURE__ */ (0, J.jsx)(V, {
|
|
2167
2167
|
message: r,
|
|
2168
|
-
subText:
|
|
2169
|
-
children:
|
|
2170
|
-
...
|
|
2168
|
+
subText: D,
|
|
2169
|
+
children: ae,
|
|
2170
|
+
...N
|
|
2171
2171
|
})
|
|
2172
2172
|
}) : null,
|
|
2173
|
-
!c && (t.length ||
|
|
2173
|
+
!c && (t.length || k) ? /* @__PURE__ */ (0, J.jsxs)("table", {
|
|
2174
2174
|
className: `${H.table} ${t.length > 0 ? "" : "dbn:h-0"}`,
|
|
2175
2175
|
children: [/* @__PURE__ */ (0, J.jsx)("thead", {
|
|
2176
2176
|
className: `${H[`headers-${n}`]} ${t.length === 0 ? H[`headers-${n}-nodata`] : ""} dbn:z-50`,
|
|
2177
2177
|
children: /* @__PURE__ */ (0, J.jsx)("tr", { children: e?.map((t, n) => /* @__PURE__ */ (0, J.jsxs)("th", {
|
|
2178
2178
|
colSpan: t.colSpan,
|
|
2179
|
-
className: `${
|
|
2179
|
+
className: `${ne ? H.headerCol2 : H.headerCol} ${t.columnKey?.toLowerCase() === "actions" ? "dbn:w-[250px]" : ""}`,
|
|
2180
2180
|
children: [/* @__PURE__ */ (0, J.jsxs)("span", {
|
|
2181
2181
|
className: `${_ && n === 0 ? "dbn:flex dbn:gap-2" : ""}`,
|
|
2182
|
-
children: [n === 0 && _ ? /* @__PURE__ */ (0, J.jsx)(
|
|
2182
|
+
children: [n === 0 && _ ? /* @__PURE__ */ (0, J.jsx)(te, {
|
|
2183
2183
|
id: `${t?.name?.replaceAll(" ", "-")?.toLowerCase()}-header-checkbox`,
|
|
2184
2184
|
onChange: (e) => {
|
|
2185
2185
|
e.target.checked ? y?.() : b?.();
|
|
2186
2186
|
},
|
|
2187
|
-
checked:
|
|
2187
|
+
checked: x
|
|
2188
2188
|
}) : null, /* @__PURE__ */ (0, J.jsx)(a, {
|
|
2189
2189
|
variant: "sec-heading-6",
|
|
2190
2190
|
color: "gray",
|
|
2191
2191
|
children: t.headerCell || t.name
|
|
2192
2192
|
})]
|
|
2193
|
-
}), n === e.length - 1 &&
|
|
2193
|
+
}), n === e.length - 1 && ne ? /* @__PURE__ */ (0, J.jsx)(a, {
|
|
2194
2194
|
variant: "body-text-3",
|
|
2195
2195
|
color: "cta",
|
|
2196
|
-
children:
|
|
2196
|
+
children: ne
|
|
2197
2197
|
}) : null]
|
|
2198
2198
|
}, t.name)) })
|
|
2199
2199
|
}), /* @__PURE__ */ (0, J.jsx)("tbody", {
|
|
2200
2200
|
className: H.body,
|
|
2201
|
-
children: (g ? t : t.slice(0,
|
|
2201
|
+
children: (g ? t : t.slice(0, se))?.map((t, r) => /* @__PURE__ */ (0, J.jsx)("tr", {
|
|
2202
2202
|
"data-testid": `row-${t?.name ?? t?.metric?.name ?? t?.companyRole?.name ?? t?.email?.split("@")?.[0]}`,
|
|
2203
|
-
className: `${H[`row-${n}`]} ${
|
|
2203
|
+
className: `${H[`row-${n}`]} ${S || T || re || E ? "dbn:cursor-pointer" : ""}`,
|
|
2204
2204
|
onClick: (e) => {
|
|
2205
|
-
|
|
2206
|
-
let n =
|
|
2207
|
-
n && ((e.ctrlKey || e.metaKey) &&
|
|
2205
|
+
T && T(t), E && E(t);
|
|
2206
|
+
let n = pe(t);
|
|
2207
|
+
n && ((e.ctrlKey || e.metaKey) && M ? window.open(n, "_blank") : k ? oe(n, { state: { [k]: t } }) : oe(n));
|
|
2208
2208
|
},
|
|
2209
2209
|
onContextMenu: (e) => {
|
|
2210
|
-
let n =
|
|
2211
|
-
n &&
|
|
2210
|
+
let n = pe(t);
|
|
2211
|
+
n && M && (e.preventDefault(), window.open(n, "_blank"));
|
|
2212
2212
|
},
|
|
2213
2213
|
"data-test-title": "table-rows",
|
|
2214
|
-
onMouseOver: () =>
|
|
2215
|
-
onMouseOut: () =>
|
|
2214
|
+
onMouseOver: () => re?.(t),
|
|
2215
|
+
onMouseOut: () => ie?.(),
|
|
2216
2216
|
children: e?.map((r, i) => {
|
|
2217
2217
|
let o = r.columnKey === "invitationToken" && !!t[r.columnKey];
|
|
2218
2218
|
return /* @__PURE__ */ (0, J.jsx)("td", {
|
|
@@ -2237,18 +2237,18 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2237
2237
|
variant: "tertiary",
|
|
2238
2238
|
type: "button",
|
|
2239
2239
|
onClick: () => {
|
|
2240
|
-
navigator.clipboard.writeText(t[r.columnKey]),
|
|
2240
|
+
navigator.clipboard.writeText(t[r.columnKey]), ue(t[r.columnKey]), setTimeout(() => ue(""), 1700);
|
|
2241
2241
|
},
|
|
2242
|
-
leftIcon: /* @__PURE__ */ (0, J.jsx)(
|
|
2242
|
+
leftIcon: /* @__PURE__ */ (0, J.jsx)(w, {
|
|
2243
2243
|
name: "copy",
|
|
2244
2244
|
size: "xs"
|
|
2245
2245
|
}),
|
|
2246
2246
|
className: "dbn:p-0 dbn:pl-1 dbn:text-xs dbn:gap-1",
|
|
2247
|
-
children:
|
|
2248
|
-
})] }) : t[r.columnKey]) || "-", i === e.length - 1 && d ? /* @__PURE__ */ (0, J.jsxs)(
|
|
2247
|
+
children: le === t[r.columnKey] ? "Copied" : "Copy"
|
|
2248
|
+
})] }) : t[r.columnKey]) || "-", i === e.length - 1 && d ? /* @__PURE__ */ (0, J.jsxs)(ee, {
|
|
2249
2249
|
buttonContent: /* @__PURE__ */ (0, J.jsx)(l, {
|
|
2250
2250
|
variant: "popover",
|
|
2251
|
-
leftIcon: /* @__PURE__ */ (0, J.jsx)(
|
|
2251
|
+
leftIcon: /* @__PURE__ */ (0, J.jsx)(w, { name: "kebab-menu-vertical" })
|
|
2252
2252
|
}),
|
|
2253
2253
|
menuWidth: "120px",
|
|
2254
2254
|
position: "bottom",
|
|
@@ -2259,7 +2259,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2259
2259
|
action: "edit",
|
|
2260
2260
|
id: t.id
|
|
2261
2261
|
}),
|
|
2262
|
-
leftIcon: /* @__PURE__ */ (0, J.jsx)(
|
|
2262
|
+
leftIcon: /* @__PURE__ */ (0, J.jsx)(w, { name: "pencil-simple" }),
|
|
2263
2263
|
children: "Edit"
|
|
2264
2264
|
}), /* @__PURE__ */ (0, J.jsx)(l, {
|
|
2265
2265
|
variant: "popover",
|
|
@@ -2268,7 +2268,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2268
2268
|
action: "delete",
|
|
2269
2269
|
id: t.id
|
|
2270
2270
|
}),
|
|
2271
|
-
leftIcon: /* @__PURE__ */ (0, J.jsx)(
|
|
2271
|
+
leftIcon: /* @__PURE__ */ (0, J.jsx)(w, { name: "delete" }),
|
|
2272
2272
|
children: "Delete"
|
|
2273
2273
|
})]
|
|
2274
2274
|
}) : null]
|
|
@@ -2279,18 +2279,18 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2279
2279
|
}, `row-${r}`))
|
|
2280
2280
|
})]
|
|
2281
2281
|
}) : null,
|
|
2282
|
-
!c && t.length === 0 &&
|
|
2283
|
-
t.length >
|
|
2282
|
+
!c && t.length === 0 && k ? /* @__PURE__ */ (0, J.jsx)(J.Fragment, { children: me() }) : null,
|
|
2283
|
+
t.length > se && !g ? /* @__PURE__ */ (0, J.jsx)("div", {
|
|
2284
2284
|
className: H.loadMore,
|
|
2285
2285
|
children: /* @__PURE__ */ (0, J.jsxs)(l, {
|
|
2286
2286
|
type: "button",
|
|
2287
2287
|
variant: "tertiary",
|
|
2288
|
-
onClick: () =>
|
|
2289
|
-
children: [/* @__PURE__ */ (0, J.jsx)(
|
|
2288
|
+
onClick: () => ce((e) => e + s),
|
|
2289
|
+
children: [/* @__PURE__ */ (0, J.jsx)(w, { name: "arrow-down" }), /* @__PURE__ */ (0, J.jsx)("span", { children: i })]
|
|
2290
2290
|
})
|
|
2291
2291
|
}) : null
|
|
2292
2292
|
]
|
|
2293
|
-
}), t.length === 0 &&
|
|
2293
|
+
}), t.length === 0 && k && /* @__PURE__ */ (0, J.jsx)(J.Fragment, { children: he() })] });
|
|
2294
2294
|
}, Q = {
|
|
2295
2295
|
"table-loader-container": "_table-loader-container_o1h6j_8",
|
|
2296
2296
|
tableData: "_tableData_o1h6j_21",
|
|
@@ -2374,16 +2374,16 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2374
2374
|
offset: 0,
|
|
2375
2375
|
totalRecords: 10
|
|
2376
2376
|
}, externalGlobalFilter: u, setExternalGlobalFilter: d, headerAlignment: f = "center", events: p, language: h, translationDictionary: g, isMetricCard: _, isDisableChartActions: v }) => {
|
|
2377
|
-
let [b,
|
|
2377
|
+
let [b, ee] = q([]), [x, S] = q(","), te = (e) => {
|
|
2378
2378
|
let t = {};
|
|
2379
2379
|
return Object.keys(e).sort().forEach((n) => {
|
|
2380
2380
|
t[n] = e[n];
|
|
2381
2381
|
}), t;
|
|
2382
|
-
},
|
|
2382
|
+
}, w = G(() => r?.isSortAlphabetically ? e?.map((e) => te(e)) : e, [e, r?.isSortAlphabetically]);
|
|
2383
2383
|
W(() => {
|
|
2384
|
-
r?.badgeSeparator ?
|
|
2384
|
+
r?.badgeSeparator ? S(r.badgeSeparator) : S(",");
|
|
2385
2385
|
}, [r?.badgeSeparator]);
|
|
2386
|
-
let
|
|
2386
|
+
let ne = G(() => {
|
|
2387
2387
|
let e = "2.5rem";
|
|
2388
2388
|
return r?.textWrap?.isEnable ? e = "auto" : r?.lineGap === "small" ? e = "36px" : r?.lineGap === "medium" ? e = "40px" : r?.lineGap === "large" && (e = "44px"), {
|
|
2389
2389
|
width: "100%",
|
|
@@ -2400,18 +2400,18 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2400
2400
|
r?.contentAlignment,
|
|
2401
2401
|
r?.textWrap?.isEnable,
|
|
2402
2402
|
r?.contentFontSize
|
|
2403
|
-
]),
|
|
2403
|
+
]), T = (e, t, n) => {
|
|
2404
2404
|
if (t && n && Object.keys(t).includes(e) && Object.keys(n).includes(e)) return {
|
|
2405
2405
|
backgroundColor: t[e],
|
|
2406
2406
|
color: n[e]
|
|
2407
2407
|
};
|
|
2408
2408
|
if (t && Object.keys(t).includes(e)) return { backgroundColor: t[e] };
|
|
2409
2409
|
if (n && Object.keys(n).includes(e)) return { color: n[e] };
|
|
2410
|
-
}, [
|
|
2410
|
+
}, [E, re] = q(r?.columnSizing), ie = K(null), ae = G(() => !e || !w || !Array.isArray(e) || !Array.isArray(w) ? [] : r?.isEnableTranspose ? C(w, r?.isEnableTranspose) : w, [
|
|
2411
2411
|
e,
|
|
2412
|
-
|
|
2412
|
+
w,
|
|
2413
2413
|
r?.isEnableTranspose
|
|
2414
|
-
]),
|
|
2414
|
+
]), D = G(() => !h || !g ? ae : ae?.map((e) => {
|
|
2415
2415
|
let t = {};
|
|
2416
2416
|
for (let n in e) {
|
|
2417
2417
|
let r = y({
|
|
@@ -2427,11 +2427,11 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2427
2427
|
}
|
|
2428
2428
|
return t;
|
|
2429
2429
|
}), [
|
|
2430
|
-
|
|
2430
|
+
ae,
|
|
2431
2431
|
h,
|
|
2432
2432
|
g
|
|
2433
|
-
]),
|
|
2434
|
-
let e = Object.keys(
|
|
2433
|
+
]), O = G(() => D, [D]), k = G(() => {
|
|
2434
|
+
let e = Object.keys(D[0] || {});
|
|
2435
2435
|
return r?.showColumnFilter && (e = b), r?.isEnableViewDetails && (e = [...e, "View Details"]), r?.hiddenColumns?.length && (e = e?.filter((e) => !r?.hiddenColumns?.includes(e))), e?.map((e) => So.accessor(e, {
|
|
2436
2436
|
header: () => e,
|
|
2437
2437
|
cell: (t) => {
|
|
@@ -2440,10 +2440,10 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2440
2440
|
},
|
|
2441
2441
|
enableResizing: !0
|
|
2442
2442
|
}));
|
|
2443
|
-
}, [
|
|
2444
|
-
data:
|
|
2445
|
-
columns:
|
|
2446
|
-
state: { ...
|
|
2443
|
+
}, [D[0], b]), A = Gn({
|
|
2444
|
+
data: O,
|
|
2445
|
+
columns: k,
|
|
2446
|
+
state: { ...E ? { columnSizing: E } : {} },
|
|
2447
2447
|
filterFns: { fuzzy: Co },
|
|
2448
2448
|
globalFilterFn: wo,
|
|
2449
2449
|
getCoreRowModel: Vn(),
|
|
@@ -2451,22 +2451,22 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2451
2451
|
debugTable: !1,
|
|
2452
2452
|
enableColumnResizing: !0,
|
|
2453
2453
|
columnResizeMode: "onChange",
|
|
2454
|
-
onColumnSizingChange:
|
|
2455
|
-
}),
|
|
2456
|
-
count:
|
|
2457
|
-
getScrollElement: () =>
|
|
2454
|
+
onColumnSizingChange: re
|
|
2455
|
+
}), j = A.getSortedRowModel().rows, M = Bn({
|
|
2456
|
+
count: j.length,
|
|
2457
|
+
getScrollElement: () => ie.current,
|
|
2458
2458
|
estimateSize: () => To(r),
|
|
2459
2459
|
overscan: 12
|
|
2460
|
-
}),
|
|
2460
|
+
}), N = M.getVirtualItems(), oe = N.length ? N[0].start : 0, se = N.length ? M.getTotalSize() - N[N.length - 1].end : 0, ce = A.getVisibleLeafColumns().length || 1;
|
|
2461
2461
|
W(() => {
|
|
2462
|
-
|
|
2463
|
-
}, [
|
|
2464
|
-
let
|
|
2462
|
+
A.getIsSomeColumnsVisible() && s?.();
|
|
2463
|
+
}, [A.getIsSomeColumnsVisible()]);
|
|
2464
|
+
let le = (e, t) => t?.includes(e) ? Q.badge : "";
|
|
2465
2465
|
return W(() => {
|
|
2466
|
-
r?.isEnableColumnFilter ||
|
|
2467
|
-
}, [
|
|
2468
|
-
|
|
2469
|
-
}, [
|
|
2466
|
+
r?.isEnableColumnFilter || A.resetColumnFilters();
|
|
2467
|
+
}, [A, r?.isEnableColumnFilter]), W(() => {
|
|
2468
|
+
ee(Object.keys(D[0] || {}));
|
|
2469
|
+
}, [D[0]]), /* @__PURE__ */ (0, J.jsx)("div", {
|
|
2470
2470
|
className: `${Q.container} ${i}`,
|
|
2471
2471
|
children: /* @__PURE__ */ (0, J.jsx)("div", {
|
|
2472
2472
|
className: Q.previewTable,
|
|
@@ -2474,24 +2474,24 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2474
2474
|
className: `${Q.tableData} ${Q.noBorder}`,
|
|
2475
2475
|
children: [
|
|
2476
2476
|
t && !e?.length ? /* @__PURE__ */ (0, J.jsx)(m, { variant: "table" }) : null,
|
|
2477
|
-
!!
|
|
2477
|
+
!!w?.length && /* @__PURE__ */ (0, J.jsx)(Kn, {
|
|
2478
2478
|
style: { height: "100%" },
|
|
2479
|
-
scrollableNodeProps: { ref:
|
|
2479
|
+
scrollableNodeProps: { ref: ie },
|
|
2480
2480
|
children: /* @__PURE__ */ (0, J.jsx)("table", {
|
|
2481
2481
|
className: Q.table,
|
|
2482
2482
|
children: /* @__PURE__ */ (0, J.jsxs)("tbody", { children: [
|
|
2483
|
-
|
|
2484
|
-
colSpan:
|
|
2483
|
+
oe > 0 ? /* @__PURE__ */ (0, J.jsx)("tr", { children: /* @__PURE__ */ (0, J.jsx)("td", {
|
|
2484
|
+
colSpan: ce,
|
|
2485
2485
|
style: {
|
|
2486
|
-
height: `${
|
|
2486
|
+
height: `${oe}px`,
|
|
2487
2487
|
padding: 0,
|
|
2488
2488
|
border: 0
|
|
2489
2489
|
}
|
|
2490
2490
|
}) }) : null,
|
|
2491
|
-
|
|
2492
|
-
let t =
|
|
2491
|
+
N?.map((e) => {
|
|
2492
|
+
let t = j[e.index];
|
|
2493
2493
|
return t ? /* @__PURE__ */ (0, J.jsx)("tr", {
|
|
2494
|
-
ref:
|
|
2494
|
+
ref: M.measureElement,
|
|
2495
2495
|
"data-index": e.index,
|
|
2496
2496
|
"data-testid": `table-row-${t.id}`,
|
|
2497
2497
|
style: p?.click ? { cursor: "pointer" } : void 0,
|
|
@@ -2503,12 +2503,12 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2503
2503
|
},
|
|
2504
2504
|
children: t.getVisibleCells()?.map((e, t) => {
|
|
2505
2505
|
let n = "";
|
|
2506
|
-
|
|
2506
|
+
le(e.column.id, r?.badgeColumns) && (n = typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(), n?.toString()?.includes(x) && n?.toString()?.split(x));
|
|
2507
2507
|
let i = r?.textWrap?.isEnable && r?.textWrap?.columns?.includes(e.column.id), a = () => r?.replaceNullValuesWithEmpty && (e?.getValue() === "null" || e?.getValue() === null) ? "" : r?.replaceNullValues && (e?.getValue() === "null" || e?.getValue() === null) ? "-" : Un(e.column.columnDef.cell, e.getContext()), o = _ && !v && r?.chartAction?.isEnableCustomRedirection ? r?.chartAction?.clickValues?.find((t) => t.text === e?.getValue()?.toString()) : null, s = o?.link, c = o?.isOpenInNewTab, l = qn({
|
|
2508
2508
|
rules: r?.conditionalFormatting?.find(({ columnName: t }) => t === e?.column?.id)?.rules || [],
|
|
2509
2509
|
value: typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue()
|
|
2510
|
-
}), u = l?.prefix || "", d = l?.suffix || "", f = !Object.keys(l)?.length && r?.badgeColumns?.includes(e.column.id) ?
|
|
2511
|
-
h ? m = f?.badgeColor : r?.badgeColumns?.includes(e.column.id) && (m =
|
|
2510
|
+
}), u = l?.prefix || "", d = l?.suffix || "", f = !Object.keys(l)?.length && r?.badgeColumns?.includes(e.column.id) ? T(e.column.id, r?.badgeColors, r?.badgeTextColors) : l, m = "", h = (f?.isApplyBadgeColor || !(f?.isApplyBgColor || !f?.badgeColor)) && !!Object.keys(l)?.length;
|
|
2511
|
+
h ? m = f?.badgeColor : r?.badgeColumns?.includes(e.column.id) && (m = T(e.column.id, r?.badgeColors, r?.badgeTextColors)?.backgroundColor);
|
|
2512
2512
|
let g = l;
|
|
2513
2513
|
if (l && "backgroundColor" in l && h) {
|
|
2514
2514
|
let { backgroundColor: e, ...t } = l;
|
|
@@ -2526,17 +2526,17 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2526
2526
|
},
|
|
2527
2527
|
style: {
|
|
2528
2528
|
position: "relative",
|
|
2529
|
-
width: `${e.column.getSize() /
|
|
2529
|
+
width: `${e.column.getSize() / A.getTotalSize() * 100}%`
|
|
2530
2530
|
},
|
|
2531
2531
|
children: [
|
|
2532
2532
|
!!r && /* @__PURE__ */ (0, J.jsx)("div", {
|
|
2533
2533
|
style: {
|
|
2534
|
-
...
|
|
2534
|
+
...ne,
|
|
2535
2535
|
...g
|
|
2536
2536
|
},
|
|
2537
2537
|
children: a() === "" ? /* @__PURE__ */ (0, J.jsx)(J.Fragment, {}) : /* @__PURE__ */ (0, J.jsxs)("span", {
|
|
2538
2538
|
"data-testid": "cell-content",
|
|
2539
|
-
className: `${i ? Q.wrapText : Q.truncateText} ${
|
|
2539
|
+
className: `${i ? Q.wrapText : Q.truncateText} ${le(e.column.id, r.badgeColumns) || h ? Q.badge : ""} ${o ? Q.link : ""} ${i && r?.textWrap?.enableLineBreaks ? Q.textLineBreak : ""}`,
|
|
2540
2540
|
style: {
|
|
2541
2541
|
fontFamily: r?.contentFont,
|
|
2542
2542
|
color: r?.contentColor || "var(--dbn-typography-colorPrimary, #222c3a)",
|
|
@@ -2577,7 +2577,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2577
2577
|
t.preventDefault();
|
|
2578
2578
|
let n = t.clientX, r = e.column.getSize(), i = (t) => {
|
|
2579
2579
|
let i = Math.max(30, r + t.clientX - n);
|
|
2580
|
-
|
|
2580
|
+
A.setColumnSizing((t) => ({
|
|
2581
2581
|
...t,
|
|
2582
2582
|
[e.column.id]: i
|
|
2583
2583
|
}));
|
|
@@ -2592,10 +2592,10 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2592
2592
|
})
|
|
2593
2593
|
}, t.id) : null;
|
|
2594
2594
|
}),
|
|
2595
|
-
|
|
2596
|
-
colSpan:
|
|
2595
|
+
se > 0 ? /* @__PURE__ */ (0, J.jsx)("tr", { children: /* @__PURE__ */ (0, J.jsx)("td", {
|
|
2596
|
+
colSpan: ce,
|
|
2597
2597
|
style: {
|
|
2598
|
-
height: `${
|
|
2598
|
+
height: `${se}px`,
|
|
2599
2599
|
padding: 0,
|
|
2600
2600
|
border: 0
|
|
2601
2601
|
}
|
|
@@ -2957,7 +2957,7 @@ var xo = ({ headers: e, data: t, variant: n = "primary", noDataText: r = "No Dat
|
|
|
2957
2957
|
Xn(e);
|
|
2958
2958
|
}
|
|
2959
2959
|
}
|
|
2960
|
-
}, Ho = nr(async () => (await import("./echarts-
|
|
2960
|
+
}, Ho = nr(async () => (await import("./echarts-BRrftNQU.mjs"), { default: Vo })), Uo = tr((e, t) => /* @__PURE__ */ (0, J.jsx)(b, {
|
|
2961
2961
|
surface: "chart",
|
|
2962
2962
|
fallback: /* @__PURE__ */ (0, J.jsx)(Jn, {}),
|
|
2963
2963
|
children: /* @__PURE__ */ (0, J.jsx)(Ho, {
|
|
@@ -3081,7 +3081,7 @@ var rs = (e, t, n, r, i) => {
|
|
|
3081
3081
|
wrote: !0
|
|
3082
3082
|
};
|
|
3083
3083
|
}, is = $n.memo(({ value: e, settings: t, chartClickConfig: n, hideBorder: r, className: i = "", onChartReady: a, comparisonValue: o, trendLineOptions: c, events: l, originalValue: d, variables: f, language: p, translationDictionary: m, setHoverSubHeader: h, onChartClickWithMetric: g, renderOpts: _ }) => {
|
|
3084
|
-
let [v, b] = q(""),
|
|
3084
|
+
let [v, b] = q(""), ee = K(null), S = K(null), C = K(null), te = K(null), { valueFont: ne, subHeaderFont: T, changeVariableFont: E, changeIconSize: re } = G(() => {
|
|
3085
3085
|
let e = {
|
|
3086
3086
|
fontSize: `${t?.subHeaderFontSize || 14}px`,
|
|
3087
3087
|
fontWeight: t?.subHeaderFontWeight || "400",
|
|
@@ -3106,16 +3106,16 @@ var rs = (e, t, n, r, i) => {
|
|
|
3106
3106
|
t?.subHeaderFontColor,
|
|
3107
3107
|
t?.fontSize,
|
|
3108
3108
|
v
|
|
3109
|
-
]),
|
|
3109
|
+
]), ie = G(() => {
|
|
3110
3110
|
if (!e) return "empty";
|
|
3111
|
-
let t =
|
|
3111
|
+
let t = P(e.toString());
|
|
3112
3112
|
return t.length === 0 ? "empty-empty" : `${`${t.slice(0, 4)}-${t.slice(-4)}`.toLowerCase()}-${s(6)}`;
|
|
3113
3113
|
}, [e]);
|
|
3114
3114
|
W(() => {
|
|
3115
3115
|
let e = new ResizeObserver(() => {
|
|
3116
|
-
|
|
3116
|
+
te?.current?.getEchartsInstance()?.resize();
|
|
3117
3117
|
});
|
|
3118
|
-
return
|
|
3118
|
+
return C?.current && e?.observe(C?.current), () => e?.disconnect();
|
|
3119
3119
|
}, []), W(() => {
|
|
3120
3120
|
(e || t) && a?.();
|
|
3121
3121
|
}, [e, t]), W(() => {
|
|
@@ -3142,12 +3142,12 @@ var rs = (e, t, n, r, i) => {
|
|
|
3142
3142
|
t?.fontColor,
|
|
3143
3143
|
d
|
|
3144
3144
|
]);
|
|
3145
|
-
let
|
|
3145
|
+
let ae = G(() => t?.isEnableTruncate ? ge(e.toString(), t?.truncateValue || 0) : e, [
|
|
3146
3146
|
e,
|
|
3147
3147
|
t?.isEnableTruncate,
|
|
3148
3148
|
t?.truncateValue
|
|
3149
|
-
]),
|
|
3150
|
-
text:
|
|
3149
|
+
]), D = G(() => t?.prefix ? y({
|
|
3150
|
+
text: x(t?.prefix || "^^^^^", f),
|
|
3151
3151
|
selectedLanguage: p,
|
|
3152
3152
|
translationDictionary: m
|
|
3153
3153
|
}) : "", [
|
|
@@ -3155,8 +3155,8 @@ var rs = (e, t, n, r, i) => {
|
|
|
3155
3155
|
t?.prefix,
|
|
3156
3156
|
p,
|
|
3157
3157
|
m
|
|
3158
|
-
]),
|
|
3159
|
-
text:
|
|
3158
|
+
]), O = G(() => t?.suffix ? y({
|
|
3159
|
+
text: x(t?.suffix || "^^^^^", f),
|
|
3160
3160
|
selectedLanguage: p,
|
|
3161
3161
|
translationDictionary: m
|
|
3162
3162
|
}) : "", [
|
|
@@ -3164,9 +3164,9 @@ var rs = (e, t, n, r, i) => {
|
|
|
3164
3164
|
t?.suffix,
|
|
3165
3165
|
p,
|
|
3166
3166
|
m
|
|
3167
|
-
]),
|
|
3168
|
-
|
|
3169
|
-
let
|
|
3167
|
+
]), k = K(null), A = K({ maxFraction: .6 }), j = G(() => t?.subHeaderShow && !!t?.displayText?.trim(), [t?.subHeaderShow, t?.displayText]);
|
|
3168
|
+
A.current = { maxFraction: j ? .42 : .6 };
|
|
3169
|
+
let M = G(() => ns(o), [o]), N = M !== "none", oe = N && !!c, se = G(() => N ? oe ? {
|
|
3170
3170
|
value: "50%",
|
|
3171
3171
|
comparison: "18%",
|
|
3172
3172
|
trend: "32%"
|
|
@@ -3178,15 +3178,15 @@ var rs = (e, t, n, r, i) => {
|
|
|
3178
3178
|
value: "100%",
|
|
3179
3179
|
comparison: "0%",
|
|
3180
3180
|
trend: "0%"
|
|
3181
|
-
}, [
|
|
3181
|
+
}, [N, oe]);
|
|
3182
3182
|
W(() => {
|
|
3183
|
-
let e =
|
|
3183
|
+
let e = ee.current, n = S.current;
|
|
3184
3184
|
if (!e || !n) return;
|
|
3185
|
-
|
|
3185
|
+
k.current = null;
|
|
3186
3186
|
let r = () => {
|
|
3187
3187
|
if (e.clientWidth <= 0 || e.clientHeight <= 0) return;
|
|
3188
|
-
let { memo: r } = rs(n, e, t?.fontSize || 0,
|
|
3189
|
-
|
|
3188
|
+
let { memo: r } = rs(n, e, t?.fontSize || 0, k.current, t?.fontSize ? void 0 : A.current);
|
|
3189
|
+
k.current = r;
|
|
3190
3190
|
};
|
|
3191
3191
|
r();
|
|
3192
3192
|
let i = new ResizeObserver(r);
|
|
@@ -3195,13 +3195,13 @@ var rs = (e, t, n, r, i) => {
|
|
|
3195
3195
|
};
|
|
3196
3196
|
}, [
|
|
3197
3197
|
t?.fontSize,
|
|
3198
|
-
|
|
3198
|
+
ae,
|
|
3199
|
+
D,
|
|
3199
3200
|
O,
|
|
3200
|
-
|
|
3201
|
-
|
|
3202
|
-
oe.value
|
|
3201
|
+
j,
|
|
3202
|
+
se.value
|
|
3203
3203
|
]);
|
|
3204
|
-
let { alignmentClass:
|
|
3204
|
+
let { alignmentClass: ce, subAlignmentClass: le } = G(() => {
|
|
3205
3205
|
let e = t?.alignment === "left" ? $.leftAlign : t?.alignment === "right" ? $.rightAlign : "", n = t?.subHeaderAlignment === "left" ? $.leftAlign : t?.subHeaderAlignment === "right" ? $.rightAlign : "";
|
|
3206
3206
|
return {
|
|
3207
3207
|
alignmentClass: e || "",
|
|
@@ -3213,18 +3213,18 @@ var rs = (e, t, n, r, i) => {
|
|
|
3213
3213
|
style: { background: t?.metricCardColor || "" },
|
|
3214
3214
|
children: [
|
|
3215
3215
|
/* @__PURE__ */ (0, J.jsxs)("div", {
|
|
3216
|
-
ref:
|
|
3217
|
-
className: `${$.valueContainer} ${
|
|
3216
|
+
ref: ee,
|
|
3217
|
+
className: `${$.valueContainer} ${j ? "dbn:mt-1 dbn:justify-start" : ""} ${ce} `,
|
|
3218
3218
|
onContextMenu: (e) => e.preventDefault(),
|
|
3219
3219
|
style: {
|
|
3220
3220
|
background: t?.metricCardColor || "",
|
|
3221
|
-
height:
|
|
3221
|
+
height: se.value,
|
|
3222
3222
|
minHeight: 0
|
|
3223
3223
|
},
|
|
3224
|
-
"data-testid": `valueContainer-${
|
|
3224
|
+
"data-testid": `valueContainer-${ie}`,
|
|
3225
3225
|
children: [/* @__PURE__ */ (0, J.jsxs)("div", {
|
|
3226
|
-
ref:
|
|
3227
|
-
style:
|
|
3226
|
+
ref: S,
|
|
3227
|
+
style: ne,
|
|
3228
3228
|
onClick: (e) => {
|
|
3229
3229
|
g ? g() : n?.isEnable ? l?.click() : l?.contextmenu();
|
|
3230
3230
|
},
|
|
@@ -3232,21 +3232,21 @@ var rs = (e, t, n, r, i) => {
|
|
|
3232
3232
|
g ? g() : n?.isEnable ? l?.click() : l?.contextmenu();
|
|
3233
3233
|
},
|
|
3234
3234
|
className: `${n?.isEnable ? $.chartClickAction : ""} ${$.singleValue}`,
|
|
3235
|
-
"data-testid": `singleValue-${
|
|
3235
|
+
"data-testid": `singleValue-${ie}`,
|
|
3236
3236
|
children: [
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
|
|
3237
|
+
D,
|
|
3238
|
+
ae,
|
|
3239
|
+
O
|
|
3240
3240
|
]
|
|
3241
|
-
}),
|
|
3242
|
-
className: `dbn:w-full dbn:flex dbn:flex-col ${
|
|
3241
|
+
}), j && /* @__PURE__ */ (0, J.jsx)("div", {
|
|
3242
|
+
className: `dbn:w-full dbn:flex dbn:flex-col ${le}`,
|
|
3243
3243
|
children: /* @__PURE__ */ (0, J.jsx)(u, {
|
|
3244
3244
|
text: t?.displayText,
|
|
3245
3245
|
position: "bottom",
|
|
3246
3246
|
isSingleLineTxt: !1,
|
|
3247
3247
|
className: "dbn:max-w-full",
|
|
3248
3248
|
children: /* @__PURE__ */ (0, J.jsx)("div", {
|
|
3249
|
-
style:
|
|
3249
|
+
style: T,
|
|
3250
3250
|
onClick: () => {
|
|
3251
3251
|
n && In(n, t?.displayText || "");
|
|
3252
3252
|
},
|
|
@@ -3258,36 +3258,36 @@ var rs = (e, t, n, r, i) => {
|
|
|
3258
3258
|
})
|
|
3259
3259
|
})]
|
|
3260
3260
|
}),
|
|
3261
|
-
|
|
3261
|
+
N && /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
3262
3262
|
className: $.comparisonDiv,
|
|
3263
3263
|
style: {
|
|
3264
3264
|
background: t?.metricCardColor || "",
|
|
3265
|
-
height:
|
|
3265
|
+
height: se.comparison,
|
|
3266
3266
|
flexShrink: 0
|
|
3267
3267
|
},
|
|
3268
3268
|
children: [t?.comparisonTimePeriod && /* @__PURE__ */ (0, J.jsxs)("span", {
|
|
3269
3269
|
className: $.comparisonPeriod,
|
|
3270
3270
|
children: ["vs", t?.comparisonMapValue ? ` ${t?.comparisonMapValue}` : ` Last ${t.comparisonTimePeriod} ${t.comparisonTimeGrain}`]
|
|
3271
3271
|
}), /* @__PURE__ */ (0, J.jsx)("div", {
|
|
3272
|
-
style:
|
|
3272
|
+
style: E,
|
|
3273
3273
|
className: $.comparisonValue,
|
|
3274
3274
|
children: /* @__PURE__ */ (0, J.jsxs)("span", {
|
|
3275
|
-
style:
|
|
3276
|
-
className:
|
|
3275
|
+
style: E,
|
|
3276
|
+
className: M === "flat" ? $.comparisonPeriod : M === "up" ? t?.upVariant && t?.upVariant === "danger" ? $.negativeComparisonText : $.positiveComparisonText : t?.downVariant && t?.downVariant === "success" ? $.positiveComparisonText : $.negativeComparisonText,
|
|
3277
3277
|
"data-testid": "legacy-kpi-comparison",
|
|
3278
|
-
"data-comparison-reading":
|
|
3278
|
+
"data-comparison-reading": M,
|
|
3279
3279
|
children: [
|
|
3280
|
-
|
|
3280
|
+
M === "up" && /* @__PURE__ */ (0, J.jsx)(w, {
|
|
3281
3281
|
name: "arrow-up-2",
|
|
3282
3282
|
color: t?.upVariant === "danger" ? "warning-badge-txt" : "success-badge-txt",
|
|
3283
|
-
width:
|
|
3284
|
-
height:
|
|
3283
|
+
width: re,
|
|
3284
|
+
height: re
|
|
3285
3285
|
}),
|
|
3286
|
-
|
|
3286
|
+
M === "down" && /* @__PURE__ */ (0, J.jsx)(w, {
|
|
3287
3287
|
name: "arrow-down-2",
|
|
3288
3288
|
color: t?.downVariant === "success" ? "success-badge-txt" : "warning-badge-txt",
|
|
3289
|
-
width:
|
|
3290
|
-
height:
|
|
3289
|
+
width: re,
|
|
3290
|
+
height: re
|
|
3291
3291
|
}),
|
|
3292
3292
|
o,
|
|
3293
3293
|
" ",
|
|
@@ -3296,15 +3296,15 @@ var rs = (e, t, n, r, i) => {
|
|
|
3296
3296
|
})
|
|
3297
3297
|
})]
|
|
3298
3298
|
}),
|
|
3299
|
-
|
|
3300
|
-
ref:
|
|
3299
|
+
oe && /* @__PURE__ */ (0, J.jsx)("div", {
|
|
3300
|
+
ref: C,
|
|
3301
3301
|
style: {
|
|
3302
3302
|
width: "100%",
|
|
3303
|
-
height:
|
|
3303
|
+
height: se.trend,
|
|
3304
3304
|
minHeight: 0
|
|
3305
3305
|
},
|
|
3306
3306
|
children: /* @__PURE__ */ (0, J.jsx)(Uo, {
|
|
3307
|
-
ref:
|
|
3307
|
+
ref: te,
|
|
3308
3308
|
style: {
|
|
3309
3309
|
width: "100%",
|
|
3310
3310
|
height: "100%"
|
|
@@ -3349,8 +3349,8 @@ var rs = (e, t, n, r, i) => {
|
|
|
3349
3349
|
};
|
|
3350
3350
|
})
|
|
3351
3351
|
} : e : (n.shape = r, n.windows = {}, e);
|
|
3352
|
-
}, cs = /* @__PURE__ */ r({ Chart: () =>
|
|
3353
|
-
let e = await import("./charts-
|
|
3352
|
+
}, cs = /* @__PURE__ */ r({ Chart: () => Cs }), ls = async () => {
|
|
3353
|
+
let e = await import("./charts-CT97dkOO.mjs").then((e) => e.t), t = e.DbnChart, { buildAnswerLine: n } = e;
|
|
3354
3354
|
return { default: ({ answerLineInput: e, ...r }) => /* @__PURE__ */ (0, J.jsx)(t, {
|
|
3355
3355
|
...r,
|
|
3356
3356
|
answerLine: e ? n(e) : null
|
|
@@ -3436,7 +3436,15 @@ var rs = (e, t, n, r, i) => {
|
|
|
3436
3436
|
} catch (e) {
|
|
3437
3437
|
console.error("Failed to update chart options", e);
|
|
3438
3438
|
}
|
|
3439
|
-
}, xs =
|
|
3439
|
+
}, xs = (e, t) => {
|
|
3440
|
+
let n = e?.xAxis, r = t?.[0];
|
|
3441
|
+
if (!n || !r || typeof r != "object" || n in r) return e;
|
|
3442
|
+
let i = n.toLowerCase(), a = Object.keys(r).find((e) => e.toLowerCase() === i);
|
|
3443
|
+
return a ? {
|
|
3444
|
+
...e,
|
|
3445
|
+
xAxis: a
|
|
3446
|
+
} : e;
|
|
3447
|
+
}, Ss = $n.memo(({ chartHeight: e, hasDecreasedHeight: t, config: n, chartOptions: r, options: i, className: a, onEvents: o, chartRef: s, renderOpts: c }) => {
|
|
3440
3448
|
let l = $n.useMemo(() => ({
|
|
3441
3449
|
width: "100%",
|
|
3442
3450
|
height: t && (e || 0) >= 6 ? "100px" : t && !e ? "40%" : "100%"
|
|
@@ -3458,215 +3466,217 @@ var rs = (e, t, n, r, i) => {
|
|
|
3458
3466
|
notMerge: _s(r.chartType),
|
|
3459
3467
|
opts: c
|
|
3460
3468
|
});
|
|
3461
|
-
}, (e, t) => !(e.chartHeight !== t.chartHeight || e.hasDecreasedHeight !== t.hasDecreasedHeight || e.className !== t.className || e.options !== t.options || e.renderOpts !== t.renderOpts || e.onEvents !== t.onEvents || !ys(e.config, t.config) || !ys(e.chartOptions, t.chartOptions))),
|
|
3462
|
-
let [L,
|
|
3463
|
-
|
|
3464
|
-
}, []), [
|
|
3469
|
+
}, (e, t) => !(e.chartHeight !== t.chartHeight || e.hasDecreasedHeight !== t.hasDecreasedHeight || e.className !== t.className || e.options !== t.options || e.renderOpts !== t.renderOpts || e.onEvents !== t.onEvents || !ys(e.config, t.config) || !ys(e.chartOptions, t.chartOptions))), Cs = $n.memo(({ chartOptions: e, data: t, title: n, events: r, colors: i, areChartColorsExplicit: a, config: o, className: s, isShowFullScreen: u, isShowFullScreenEnabled: m, metricId: v, sortOrder: y, onMaximize: ee, onDrillPivotTable: x, pivotDrillState: C, isPythonMode: te, seriesName: w = "", isSortReversed: ne, chartHeight: D, chartAppearance: O, metricCardColor: A, isMetricCard: M, isDashboard: N, externalGlobalFilter: ce, setExternalGlobalFilter: me, variables: ge, language: P, translationDictionary: F, setHoverSubHeader: ve, drilldownCols: ye, isEnableDrillDown: be, dateFilter: xe, chartFontSettings: Se, downloadData: Ce, isDownloading: we, generatingPdf: Te }) => {
|
|
3470
|
+
let I = G(() => xs(e, t), [e, t]), [L, Ee] = q(null), [De, Oe] = q(null), ke = ar(ae, k, k), Ae = rr((e) => {
|
|
3471
|
+
Ee((t) => t === e ? t : e);
|
|
3472
|
+
}, []), [je, Me] = q(() => T(null));
|
|
3465
3473
|
ir(() => {
|
|
3466
|
-
|
|
3474
|
+
Me(T(L));
|
|
3467
3475
|
}, [L]);
|
|
3468
|
-
let R = G(() =>
|
|
3469
|
-
mapping:
|
|
3470
|
-
chartOptions:
|
|
3476
|
+
let R = G(() => je ? re({
|
|
3477
|
+
mapping: de(I, t),
|
|
3478
|
+
chartOptions: I,
|
|
3471
3479
|
rows: t,
|
|
3472
|
-
enabled:
|
|
3480
|
+
enabled: he()
|
|
3473
3481
|
}) : null, [
|
|
3474
|
-
|
|
3475
|
-
|
|
3482
|
+
je,
|
|
3483
|
+
I,
|
|
3476
3484
|
t
|
|
3477
|
-
]),
|
|
3485
|
+
]), Ne = R ? he() : !1, Pe = G(() => {
|
|
3478
3486
|
if (!R) return null;
|
|
3479
|
-
let
|
|
3480
|
-
...
|
|
3481
|
-
tooltipSettings:
|
|
3482
|
-
categoryField: R?.type === "gaugeV2" ? null :
|
|
3483
|
-
chartZoom:
|
|
3484
|
-
percentageSize:
|
|
3485
|
-
repulsion:
|
|
3486
|
-
isUseAsDifference:
|
|
3487
|
-
hideNullValues:
|
|
3487
|
+
let e = ue(O, {
|
|
3488
|
+
...fe(I.customSettings),
|
|
3489
|
+
tooltipSettings: I?.tooltipSettings,
|
|
3490
|
+
categoryField: R?.type === "gaugeV2" ? null : I?.xAxis,
|
|
3491
|
+
chartZoom: I.customSettings?.chartZoom,
|
|
3492
|
+
percentageSize: I.percentageSize,
|
|
3493
|
+
repulsion: I.customSettings?.repulsion,
|
|
3494
|
+
isUseAsDifference: I.waterfallSettings?.isUseAsDifference,
|
|
3495
|
+
hideNullValues: I.customSettings?.hideNullValues
|
|
3488
3496
|
});
|
|
3489
|
-
return
|
|
3497
|
+
return ie(e, E(R.data, Ne));
|
|
3490
3498
|
}, [
|
|
3491
3499
|
R,
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
]),
|
|
3496
|
-
if (
|
|
3500
|
+
O,
|
|
3501
|
+
I,
|
|
3502
|
+
Ne
|
|
3503
|
+
]), Fe = R ? h() : !1, Ie = G(() => {
|
|
3504
|
+
if (je && R) return le(I);
|
|
3497
3505
|
}, [
|
|
3498
|
-
|
|
3506
|
+
je,
|
|
3499
3507
|
R,
|
|
3500
|
-
|
|
3501
|
-
]),
|
|
3502
|
-
|
|
3508
|
+
I
|
|
3509
|
+
]), Le = G(() => !je || !R ? null : Ln(I, t, n), [
|
|
3510
|
+
je,
|
|
3503
3511
|
R,
|
|
3504
|
-
|
|
3512
|
+
I,
|
|
3505
3513
|
t,
|
|
3506
3514
|
n
|
|
3507
|
-
]), [
|
|
3515
|
+
]), [Re, ze] = q(), [Be, Ve] = q(!1), He = K(null), [Ue, We] = q(null), Ge = rr((e) => {
|
|
3516
|
+
He.current = e, We(e);
|
|
3517
|
+
}, []), z = K(null), [Ke, qe] = q(0), [Je, Ye] = q(0), Xe = K(Ke), Ze = K(Je), Qe = pe(I);
|
|
3508
3518
|
W(() => {
|
|
3509
|
-
|
|
3510
|
-
}, [
|
|
3511
|
-
|
|
3512
|
-
}, [
|
|
3513
|
-
let
|
|
3519
|
+
Xe.current = Ke;
|
|
3520
|
+
}, [Ke]), W(() => {
|
|
3521
|
+
Ze.current = Je;
|
|
3522
|
+
}, [Je]);
|
|
3523
|
+
let $e = G(() => JSON.stringify(Se), [Se]), et = G(() => JSON.stringify(I), [I]), tt = G(() => JSON.stringify(i), [i]), B = G(() => {
|
|
3514
3524
|
if (R) return null;
|
|
3515
|
-
let
|
|
3516
|
-
return y === "ascending" && (
|
|
3517
|
-
isDashboard:
|
|
3518
|
-
chartOptions:
|
|
3519
|
-
data:
|
|
3525
|
+
let e = t;
|
|
3526
|
+
return y === "ascending" && (e = [...t].sort((e, t) => e[w] - t[w])), y === "descending" && (e = [...t].sort((e, t) => t[w] - e[w])), ne && (e = [...e].reverse()), _e({
|
|
3527
|
+
isDashboard: N,
|
|
3528
|
+
chartOptions: I,
|
|
3529
|
+
data: e,
|
|
3520
3530
|
colors: i,
|
|
3521
|
-
geoJsonData:
|
|
3522
|
-
isPythonMode:
|
|
3523
|
-
chartHeight:
|
|
3524
|
-
chartAppearance:
|
|
3525
|
-
chartRef:
|
|
3526
|
-
chartGridWidth:
|
|
3527
|
-
chartWidth:
|
|
3528
|
-
metricCardColor:
|
|
3529
|
-
language:
|
|
3530
|
-
translationDictionary:
|
|
3531
|
-
drilldownCols:
|
|
3532
|
-
isEnableDrillDown:
|
|
3533
|
-
dateFilter:
|
|
3534
|
-
chartFontSettings:
|
|
3531
|
+
geoJsonData: Re,
|
|
3532
|
+
isPythonMode: te,
|
|
3533
|
+
chartHeight: D,
|
|
3534
|
+
chartAppearance: O,
|
|
3535
|
+
chartRef: He,
|
|
3536
|
+
chartGridWidth: Ke,
|
|
3537
|
+
chartWidth: Je,
|
|
3538
|
+
metricCardColor: A,
|
|
3539
|
+
language: P,
|
|
3540
|
+
translationDictionary: F,
|
|
3541
|
+
drilldownCols: ye,
|
|
3542
|
+
isEnableDrillDown: be,
|
|
3543
|
+
dateFilter: xe,
|
|
3544
|
+
chartFontSettings: Se
|
|
3535
3545
|
});
|
|
3536
3546
|
}, [
|
|
3537
3547
|
R,
|
|
3538
3548
|
t,
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
|
|
3542
|
-
|
|
3549
|
+
$e,
|
|
3550
|
+
et,
|
|
3551
|
+
tt,
|
|
3552
|
+
Re,
|
|
3543
3553
|
y,
|
|
3544
|
-
|
|
3545
|
-
|
|
3554
|
+
w,
|
|
3555
|
+
ne,
|
|
3556
|
+
D,
|
|
3546
3557
|
O,
|
|
3547
|
-
k,
|
|
3548
|
-
Ve,
|
|
3549
3558
|
He,
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
3559
|
+
Ke,
|
|
3560
|
+
Je,
|
|
3561
|
+
A,
|
|
3553
3562
|
F,
|
|
3554
|
-
|
|
3563
|
+
P,
|
|
3555
3564
|
ye,
|
|
3556
3565
|
be,
|
|
3557
|
-
|
|
3558
|
-
|
|
3566
|
+
xe,
|
|
3567
|
+
N
|
|
3568
|
+
]), [nt, rt] = q(), [it, at] = q(), [ot, st] = q(), ct = ot ?? B;
|
|
3559
3569
|
ir(() => {
|
|
3560
|
-
|
|
3570
|
+
st(void 0);
|
|
3561
3571
|
}, [B]);
|
|
3562
|
-
let
|
|
3572
|
+
let lt = K({
|
|
3563
3573
|
events: r,
|
|
3564
3574
|
options: B,
|
|
3565
|
-
advancedOptions:
|
|
3566
|
-
chartOptions:
|
|
3575
|
+
advancedOptions: ct,
|
|
3576
|
+
chartOptions: I
|
|
3567
3577
|
});
|
|
3568
|
-
|
|
3578
|
+
lt.current = {
|
|
3569
3579
|
events: r,
|
|
3570
3580
|
options: B,
|
|
3571
|
-
advancedOptions:
|
|
3572
|
-
chartOptions:
|
|
3581
|
+
advancedOptions: ct,
|
|
3582
|
+
chartOptions: I
|
|
3573
3583
|
};
|
|
3574
|
-
let
|
|
3584
|
+
let ut = r ? Object.keys(r).sort().join("|") : "", dt = K({
|
|
3575
3585
|
shape: "",
|
|
3576
3586
|
windows: {}
|
|
3577
|
-
}),
|
|
3587
|
+
}), ft = v || I?.chartType;
|
|
3578
3588
|
W(() => {}, [
|
|
3579
3589
|
R,
|
|
3580
|
-
|
|
3581
|
-
|
|
3590
|
+
Pe,
|
|
3591
|
+
ft
|
|
3582
3592
|
]), W(() => {}, [
|
|
3583
3593
|
R,
|
|
3584
3594
|
B,
|
|
3585
|
-
|
|
3595
|
+
ft
|
|
3586
3596
|
]), W(() => {});
|
|
3587
|
-
let
|
|
3597
|
+
let pt = G(() => {
|
|
3588
3598
|
let e = {};
|
|
3589
|
-
(
|
|
3599
|
+
(ut ? ut.split("|") : []).forEach((t) => {
|
|
3590
3600
|
e[t] = (...e) => {
|
|
3591
|
-
let n =
|
|
3601
|
+
let n = lt.current.events?.[t];
|
|
3592
3602
|
n?.(...e);
|
|
3593
3603
|
};
|
|
3594
3604
|
});
|
|
3595
3605
|
let t = e.datazoom;
|
|
3596
3606
|
return e.datazoom = (...e) => {
|
|
3597
3607
|
let n = e[1], r = os(n);
|
|
3598
|
-
Object.keys(r).length && (
|
|
3608
|
+
Object.keys(r).length && (dt.current.windows = r), t?.(...e);
|
|
3599
3609
|
}, e;
|
|
3600
|
-
}, [
|
|
3601
|
-
...
|
|
3610
|
+
}, [ut]), mt = K(/* @__PURE__ */ new Set()), ht = G(() => ({
|
|
3611
|
+
...pt,
|
|
3602
3612
|
legendselectchanged: (e, t) => {
|
|
3603
3613
|
bs({
|
|
3604
3614
|
echartsInstance: t,
|
|
3605
|
-
optionsObj:
|
|
3615
|
+
optionsObj: lt.current.options,
|
|
3606
3616
|
params: e,
|
|
3607
|
-
chartIds:
|
|
3617
|
+
chartIds: mt.current
|
|
3608
3618
|
});
|
|
3609
3619
|
}
|
|
3610
|
-
}), [
|
|
3611
|
-
...
|
|
3620
|
+
}), [pt]), gt = G(() => ({
|
|
3621
|
+
...pt,
|
|
3612
3622
|
legendselectchanged: (e, t) => {
|
|
3613
3623
|
bs({
|
|
3614
3624
|
echartsInstance: t,
|
|
3615
|
-
optionsObj:
|
|
3625
|
+
optionsObj: lt.current.advancedOptions,
|
|
3616
3626
|
params: e,
|
|
3617
|
-
isGantt:
|
|
3618
|
-
chartIds:
|
|
3627
|
+
isGantt: lt.current.chartOptions?.chartType === d.gantt,
|
|
3628
|
+
chartIds: mt.current
|
|
3619
3629
|
});
|
|
3620
3630
|
}
|
|
3621
|
-
}), [
|
|
3622
|
-
|
|
3631
|
+
}), [pt]), _t = G(() => Dr(ss(ct, I?.chartType, dt.current)), [ct, I?.chartType]), vt = G(() => Dr(ss(nt ?? B, I?.chartType, dt.current)), [
|
|
3632
|
+
nt,
|
|
3623
3633
|
B,
|
|
3624
|
-
|
|
3634
|
+
I?.chartType
|
|
3625
3635
|
]);
|
|
3626
3636
|
W(() => () => {
|
|
3627
3637
|
let e = window;
|
|
3628
|
-
e?.chartSelections &&
|
|
3638
|
+
e?.chartSelections && mt.current.forEach((t) => {
|
|
3629
3639
|
delete e.chartSelections[t];
|
|
3630
|
-
}),
|
|
3640
|
+
}), mt.current.clear(), lt.current = {
|
|
3631
3641
|
events: void 0,
|
|
3632
3642
|
options: void 0,
|
|
3633
3643
|
advancedOptions: void 0,
|
|
3634
3644
|
chartOptions: void 0
|
|
3635
3645
|
};
|
|
3636
3646
|
}, []);
|
|
3637
|
-
let [
|
|
3647
|
+
let [yt, bt] = q(0), [xt, St] = q(0), [Ct, wt] = q(0), [Tt, Et] = q([]), [Dt, Ot] = q(!1), kt = G(() => [
|
|
3638
3648
|
d.indianMap,
|
|
3639
3649
|
d.geoBarMap,
|
|
3640
3650
|
d.geoMap,
|
|
3641
3651
|
d.geoScatterMap,
|
|
3642
3652
|
d.worldMap
|
|
3643
|
-
].includes(
|
|
3644
|
-
|
|
3653
|
+
].includes(I.chartType), [I.chartType]), At = G(() => [d.worldMap, d.indianMap].includes(I?.chartType || "") && Re && t.length && I?.xAxis, [
|
|
3654
|
+
Re,
|
|
3645
3655
|
t.length,
|
|
3646
|
-
|
|
3647
|
-
|
|
3656
|
+
I?.xAxis,
|
|
3657
|
+
I.chartType
|
|
3648
3658
|
]);
|
|
3649
3659
|
ir(() => {
|
|
3650
3660
|
if (R || !L) return;
|
|
3651
3661
|
let e = L.parentElement ?? L, t = () => {
|
|
3652
3662
|
let t = e.getBoundingClientRect();
|
|
3653
3663
|
if (t.width <= 0 || t.height <= 0) return !1;
|
|
3654
|
-
let n =
|
|
3664
|
+
let n = j({
|
|
3655
3665
|
cssWidth: t.width,
|
|
3656
3666
|
cssHeight: t.height,
|
|
3657
3667
|
devicePixelRatio: window.devicePixelRatio,
|
|
3658
|
-
liveCharts:
|
|
3659
|
-
purpose:
|
|
3668
|
+
liveCharts: oe(),
|
|
3669
|
+
purpose: Te ? "export" : "live"
|
|
3660
3670
|
});
|
|
3661
|
-
return
|
|
3671
|
+
return Oe((e) => e === n ? e : n), !0;
|
|
3662
3672
|
}, n = t();
|
|
3663
3673
|
if (typeof ResizeObserver != "function") {
|
|
3664
|
-
n ||
|
|
3674
|
+
n || Oe(j({
|
|
3665
3675
|
cssWidth: 0,
|
|
3666
3676
|
cssHeight: 0,
|
|
3667
3677
|
devicePixelRatio: window.devicePixelRatio,
|
|
3668
|
-
liveCharts:
|
|
3669
|
-
purpose:
|
|
3678
|
+
liveCharts: oe(),
|
|
3679
|
+
purpose: Te ? "export" : "live"
|
|
3670
3680
|
}));
|
|
3671
3681
|
return;
|
|
3672
3682
|
}
|
|
@@ -3674,14 +3684,14 @@ var rs = (e, t, n, r, i) => {
|
|
|
3674
3684
|
return r.observe(e), () => r.disconnect();
|
|
3675
3685
|
}, [
|
|
3676
3686
|
R,
|
|
3677
|
-
|
|
3687
|
+
Te,
|
|
3678
3688
|
L,
|
|
3679
|
-
|
|
3689
|
+
ke
|
|
3680
3690
|
]), W(() => {
|
|
3681
3691
|
if (R || !L || typeof MutationObserver != "function") return;
|
|
3682
3692
|
let e = null, t = () => {
|
|
3683
3693
|
let t = L.querySelector("canvas") !== null;
|
|
3684
|
-
t && !e ? e =
|
|
3694
|
+
t && !e ? e = se() : !t && e && (e(), e = null);
|
|
3685
3695
|
}, n = new MutationObserver(t);
|
|
3686
3696
|
return n.observe(L, {
|
|
3687
3697
|
childList: !0,
|
|
@@ -3690,162 +3700,162 @@ var rs = (e, t, n, r, i) => {
|
|
|
3690
3700
|
n.disconnect(), e?.();
|
|
3691
3701
|
};
|
|
3692
3702
|
}, [R, L]);
|
|
3693
|
-
let
|
|
3703
|
+
let jt = G(() => De === null ? null : {
|
|
3694
3704
|
renderer: o?.opts?.renderer || "canvas",
|
|
3695
|
-
devicePixelRatio:
|
|
3696
|
-
}, [o?.opts?.renderer,
|
|
3705
|
+
devicePixelRatio: De
|
|
3706
|
+
}, [o?.opts?.renderer, De]), Mt = G(() => vs(I.chartType, ct), [ct, I.chartType]);
|
|
3697
3707
|
W(() => {
|
|
3698
|
-
if (!R &&
|
|
3699
|
-
let
|
|
3708
|
+
if (!R && kt) {
|
|
3709
|
+
let e = [
|
|
3700
3710
|
d.geoBarMap,
|
|
3701
3711
|
d.geoMap,
|
|
3702
3712
|
d.geoScatterMap
|
|
3703
|
-
].includes(
|
|
3704
|
-
|
|
3705
|
-
let
|
|
3713
|
+
].includes(I.chartType);
|
|
3714
|
+
ze(null), Ve(!1);
|
|
3715
|
+
let t = window.dbn?.geoJsonBaseUrl, n = (e) => fetch(`${t.replace(/\/+$/, "")}/${e}.json`).then((e) => {
|
|
3706
3716
|
if (!e.ok) throw Error(`Geo outline fetch failed: ${e.status}`);
|
|
3707
3717
|
return e.json();
|
|
3708
|
-
}),
|
|
3709
|
-
|
|
3718
|
+
}), r = () => Ve(!0);
|
|
3719
|
+
e ? (t ? n("usa") : import("./usa-s6QiUwFP.mjs").then((e) => e.default)).then(ze).catch(r) : I?.chartType === d.indianMap ? (t ? n("india") : import("./india-D6s43bBg.mjs").then((e) => e.default)).then(ze).catch(r) : (t ? n("world") : import("./world-CY-Yxrxs.mjs").then((e) => e.default)).then(ze).catch(r);
|
|
3710
3720
|
}
|
|
3711
|
-
}, [
|
|
3712
|
-
R ||
|
|
3713
|
-
isDashboard:
|
|
3714
|
-
chartOptions:
|
|
3721
|
+
}, [I.chartType, R]), W(() => {
|
|
3722
|
+
R || I.customSettings?.showDynamicBehaviour && !Qe && I.chartType && rt(_e({
|
|
3723
|
+
isDashboard: N,
|
|
3724
|
+
chartOptions: I,
|
|
3715
3725
|
data: t.slice(0, 10),
|
|
3716
3726
|
colors: i,
|
|
3717
|
-
isPythonMode:
|
|
3718
|
-
language:
|
|
3719
|
-
translationDictionary:
|
|
3720
|
-
dateFilter:
|
|
3727
|
+
isPythonMode: te,
|
|
3728
|
+
language: P,
|
|
3729
|
+
translationDictionary: F,
|
|
3730
|
+
dateFilter: xe,
|
|
3721
3731
|
chartRef: o?.ref ?? z,
|
|
3722
|
-
chartGridWidth:
|
|
3723
|
-
chartWidth:
|
|
3732
|
+
chartGridWidth: Xe.current,
|
|
3733
|
+
chartWidth: Ze.current
|
|
3724
3734
|
}));
|
|
3725
3735
|
}, [
|
|
3726
3736
|
R,
|
|
3727
|
-
|
|
3737
|
+
I,
|
|
3728
3738
|
i,
|
|
3729
3739
|
t,
|
|
3730
|
-
|
|
3740
|
+
Qe,
|
|
3741
|
+
P,
|
|
3731
3742
|
F,
|
|
3732
|
-
|
|
3733
|
-
|
|
3734
|
-
P
|
|
3743
|
+
xe,
|
|
3744
|
+
N
|
|
3735
3745
|
]);
|
|
3736
|
-
let
|
|
3746
|
+
let Nt = K({
|
|
3737
3747
|
upperLimit: 10,
|
|
3738
3748
|
lowerLimit: 0,
|
|
3739
3749
|
key: ""
|
|
3740
3750
|
});
|
|
3741
3751
|
W(() => {
|
|
3742
|
-
if (!R &&
|
|
3743
|
-
let
|
|
3744
|
-
|
|
3752
|
+
if (!R && I.customSettings?.showDynamicBehaviour && !Qe) {
|
|
3753
|
+
let e = `${I.chartType || ""}|${t.length}`;
|
|
3754
|
+
Nt.current.key !== e && (Nt.current = {
|
|
3745
3755
|
upperLimit: 10,
|
|
3746
3756
|
lowerLimit: 0,
|
|
3747
|
-
key:
|
|
3757
|
+
key: e
|
|
3748
3758
|
});
|
|
3749
|
-
let
|
|
3750
|
-
if (
|
|
3751
|
-
|
|
3752
|
-
...e ??
|
|
3759
|
+
let n = Nt.current, r = setInterval(() => {
|
|
3760
|
+
if (n.upperLimit >= t.length) {
|
|
3761
|
+
rt((e) => ({
|
|
3762
|
+
...e ?? lt.current.options,
|
|
3753
3763
|
animation: !1
|
|
3754
|
-
})), clearInterval(
|
|
3764
|
+
})), clearInterval(r);
|
|
3755
3765
|
return;
|
|
3756
3766
|
}
|
|
3757
|
-
let
|
|
3758
|
-
isDashboard:
|
|
3759
|
-
chartOptions:
|
|
3760
|
-
data:
|
|
3767
|
+
let e = t.slice(n.lowerLimit, n.upperLimit + 10), a = _e({
|
|
3768
|
+
isDashboard: N,
|
|
3769
|
+
chartOptions: I,
|
|
3770
|
+
data: e,
|
|
3761
3771
|
colors: i,
|
|
3762
|
-
isPythonMode:
|
|
3763
|
-
translationDictionary:
|
|
3764
|
-
language:
|
|
3765
|
-
dateFilter:
|
|
3772
|
+
isPythonMode: te,
|
|
3773
|
+
translationDictionary: F,
|
|
3774
|
+
language: P,
|
|
3775
|
+
dateFilter: xe,
|
|
3766
3776
|
chartRef: o?.ref ?? z,
|
|
3767
|
-
chartGridWidth:
|
|
3768
|
-
chartWidth:
|
|
3777
|
+
chartGridWidth: Xe.current,
|
|
3778
|
+
chartWidth: Ze.current
|
|
3769
3779
|
});
|
|
3770
|
-
|
|
3780
|
+
rt(a), n.upperLimit += 10, n.lowerLimit += 5;
|
|
3771
3781
|
}, 1e3);
|
|
3772
|
-
return () => clearInterval(
|
|
3782
|
+
return () => clearInterval(r);
|
|
3773
3783
|
}
|
|
3774
3784
|
}, [
|
|
3775
3785
|
R,
|
|
3776
|
-
|
|
3786
|
+
I,
|
|
3777
3787
|
t,
|
|
3778
3788
|
i,
|
|
3779
|
-
|
|
3780
|
-
I,
|
|
3789
|
+
Qe,
|
|
3781
3790
|
F,
|
|
3782
|
-
|
|
3783
|
-
|
|
3791
|
+
P,
|
|
3792
|
+
xe,
|
|
3793
|
+
N
|
|
3784
3794
|
]);
|
|
3785
|
-
let
|
|
3795
|
+
let Pt = G(() => [d.linearGauge, d.progressBar].includes(I?.chartType), [I.chartType]), Ft = K(!0), It = K(void 0);
|
|
3786
3796
|
W(() => {
|
|
3787
3797
|
if (R) return;
|
|
3788
|
-
let
|
|
3789
|
-
let
|
|
3790
|
-
if (
|
|
3791
|
-
let
|
|
3792
|
-
|
|
3793
|
-
let
|
|
3794
|
-
!
|
|
3798
|
+
let e = setTimeout(() => {
|
|
3799
|
+
let e = (o?.ref ?? z)?.current?.getEchartsInstance();
|
|
3800
|
+
if (e && !_.includes(I?.chartType || "")) try {
|
|
3801
|
+
let t = e._componentsViews?.find((e) => e?.type === "grid")?.__model?.coordinateSystem?._rect;
|
|
3802
|
+
t && I?.labelSettings?.wrapText && qe(t?.width), t?.width && wt(t.width);
|
|
3803
|
+
let n = e._componentsViews?.find((e) => e?.type === "legend.scroll" || e?.type === "legend.plain"), r = n?._backgroundEl?.shape?.width || 0, i = n?._backgroundEl?.shape?.height || 0;
|
|
3804
|
+
!I?.legendSettings?.customise && I?.legendSettings?.show ? (bt(r), St(i)) : (bt(0), St(0));
|
|
3795
3805
|
} catch (e) {
|
|
3796
3806
|
console.error("Error accessing chart properties:", e);
|
|
3797
3807
|
}
|
|
3798
3808
|
}, 300);
|
|
3799
|
-
return () => clearTimeout(
|
|
3809
|
+
return () => clearTimeout(e);
|
|
3800
3810
|
}, [
|
|
3801
3811
|
o?.ref,
|
|
3802
|
-
|
|
3812
|
+
I,
|
|
3803
3813
|
R
|
|
3804
3814
|
]), W(() => {
|
|
3805
3815
|
if (R || !B) return;
|
|
3806
|
-
let
|
|
3807
|
-
let
|
|
3808
|
-
if (
|
|
3809
|
-
let
|
|
3810
|
-
if (c.includes(
|
|
3811
|
-
if (
|
|
3812
|
-
let
|
|
3813
|
-
f.includes(
|
|
3814
|
-
let
|
|
3815
|
-
...
|
|
3816
|
-
left: f.includes(
|
|
3817
|
-
} :
|
|
3818
|
-
|
|
3816
|
+
let e = setTimeout(() => {
|
|
3817
|
+
let e = (o?.ref ?? z)?.current?.getEchartsInstance(), t = B;
|
|
3818
|
+
if (e && !_.includes(I?.chartType || "")) {
|
|
3819
|
+
let n = e?.getWidth() || 0, r = e?.getHeight() || 0, i = B?.xAxis?.[0]?.data?.length || B?.xAxis?.data?.length || 0, a = Ct / i * .7 / B?.series?.length, s = [d.bar].includes(I?.chartType) && (I?.isDynamicSeries && I?.seriesField !== "ungrouped" || I?.seriesField !== "ungrouped"), l = I?.customSettings?.chartZoom?.isZoomEnabled && ["xy", "y"].includes(I?.customSettings?.chartZoom?.zoomAxis || "") ? 40 : 0, u = I?.legendSettings?.disableScroll, m = I?.customSettings?.chartZoom?.isZoomEnabled && ["x", "xy"].includes(I?.customSettings?.chartZoom?.zoomAxis || ""), h = m ? 40 : 0, _ = 0, v = 0;
|
|
3820
|
+
if (c.includes(I?.legendSettings?.fixedPosition || "") && (_ = xt / r * 100 || 0), g.includes(I?.legendSettings?.fixedPosition || "") && (v = xt / r * 100 || 0), (o?.ref ?? z)?.current && I?.legendSettings?.position === "vertical" && p.includes(I?.legendSettings?.fixedPosition || "") && I?.chartType !== d.horizontalCombo) {
|
|
3821
|
+
if (I?.chartType === d.combo || I?.chartType === d.timeSeries && I?.timeSeriesSettings?.seriesType?.[0]?.type === "combo") {
|
|
3822
|
+
let e = ((B?.leftOffset + 5 || 0) + l) / n * 100, r = (B?.rightOffset + 5 || 0) / n * 100;
|
|
3823
|
+
f.includes(I?.legendSettings?.fixedPosition || "") && (r = (B?.rightOffset + 5 || 0) / n * 100, e = (yt + (B?.leftOffset + 5 || 0)) / n * 100), S.includes(I?.legendSettings?.fixedPosition || "") && (r = (yt + (B?.rightOffset + 5 || 0)) / n * 100, e = (B?.leftOffset + 5 || 0) / n * 100);
|
|
3824
|
+
let i = I?.customSettings?.chartZoom?.isZoomEnabled ? B?.dataZoom?.map((e) => e.orient === "vertical" ? {
|
|
3825
|
+
...e,
|
|
3826
|
+
left: f.includes(I?.legendSettings?.fixedPosition || "") ? yt : 5
|
|
3827
|
+
} : e) : B?.dataZoom;
|
|
3828
|
+
t = {
|
|
3819
3829
|
...B,
|
|
3820
3830
|
grid: {
|
|
3821
3831
|
...B?.grid,
|
|
3822
|
-
left: `${(
|
|
3823
|
-
right: `${(
|
|
3832
|
+
left: `${(I?.margins?.marginLeft || 0) + e}%`,
|
|
3833
|
+
right: `${(I?.margins?.marginRight || 0) + r}%`
|
|
3824
3834
|
},
|
|
3825
|
-
...
|
|
3835
|
+
...I?.customSettings?.chartZoom?.isZoomEnabled ? { dataZoom: i } : {}
|
|
3826
3836
|
};
|
|
3827
3837
|
} else {
|
|
3828
|
-
let
|
|
3829
|
-
...
|
|
3830
|
-
left: f.includes(
|
|
3831
|
-
} :
|
|
3832
|
-
|
|
3838
|
+
let e = yt / n * 100, r = I?.customSettings?.chartZoom?.isZoomEnabled ? B?.dataZoom?.map((e) => e.orient === "vertical" ? {
|
|
3839
|
+
...e,
|
|
3840
|
+
left: f.includes(I?.legendSettings?.fixedPosition || "") ? yt : 5
|
|
3841
|
+
} : e) : B?.dataZoom;
|
|
3842
|
+
t = {
|
|
3833
3843
|
...B,
|
|
3834
3844
|
grid: {
|
|
3835
3845
|
...B?.grid,
|
|
3836
|
-
...f.includes(
|
|
3837
|
-
left: `${(
|
|
3838
|
-
right: `${
|
|
3846
|
+
...f.includes(I?.legendSettings?.fixedPosition || "") ? {
|
|
3847
|
+
left: `${(I?.margins?.marginLeft || 0) + e}%`,
|
|
3848
|
+
right: `${I?.margins?.marginRight || 0}%`
|
|
3839
3849
|
} : {},
|
|
3840
|
-
...
|
|
3841
|
-
left: `${
|
|
3842
|
-
right: `${(
|
|
3850
|
+
...I?.legendSettings?.position && S.includes(I?.legendSettings?.fixedPosition || "") ? {
|
|
3851
|
+
left: `${I?.margins?.marginLeft || 0}%`,
|
|
3852
|
+
right: `${(I?.margins?.marginRight || 0) + e}%`
|
|
3843
3853
|
} : {}
|
|
3844
3854
|
},
|
|
3845
|
-
...
|
|
3846
|
-
...
|
|
3855
|
+
...I?.customSettings?.chartZoom?.isZoomEnabled && f.includes(I?.legendSettings?.fixedPosition || "") ? { dataZoom: r } : {},
|
|
3856
|
+
...s ? { series: B?.series?.map((e, t) => ({
|
|
3847
3857
|
...e,
|
|
3848
|
-
barWidth:
|
|
3858
|
+
barWidth: a,
|
|
3849
3859
|
itemStyle: {
|
|
3850
3860
|
...e.itemStyle,
|
|
3851
3861
|
color: B.colors[t]
|
|
@@ -3853,67 +3863,67 @@ var rs = (e, t, n, r, i) => {
|
|
|
3853
3863
|
})) } : {}
|
|
3854
3864
|
};
|
|
3855
3865
|
}
|
|
3856
|
-
} else if ((o?.ref ?? z)?.current &&
|
|
3857
|
-
let
|
|
3858
|
-
g.includes(
|
|
3859
|
-
let
|
|
3860
|
-
...
|
|
3861
|
-
bottom: g.includes(
|
|
3862
|
-
} :
|
|
3863
|
-
|
|
3866
|
+
} else if ((o?.ref ?? z)?.current && I?.chartType === d.horizontalCombo) {
|
|
3867
|
+
let e = yt / n * 100, i = (B?.bottomOffset || 0) / r * 100, a = (B?.topOffset || 0) / r * 100;
|
|
3868
|
+
g.includes(I?.legendSettings?.fixedPosition || "") && I?.legendSettings?.position === "horizontal" && (a = (B?.topOffset + 5 || 0) / r * 100, i = ((xt || 25) + (B?.bottomOffset + 5 || 0)) / r * 100), c.includes(I?.legendSettings?.fixedPosition || "") && I?.legendSettings?.position === "horizontal" && (a = ((xt || 25) + (B?.topOffset + 5 || 0)) / r * 100, i = (B?.bottomOffset + 5 || 0) / r * 100);
|
|
3869
|
+
let o = I?.customSettings?.chartZoom?.isZoomEnabled ? B?.dataZoom?.map((e) => e.orient === "horizontal" ? {
|
|
3870
|
+
...e,
|
|
3871
|
+
bottom: g.includes(I?.legendSettings?.fixedPosition || "") ? xt : 5
|
|
3872
|
+
} : e) : B?.dataZoom;
|
|
3873
|
+
t = {
|
|
3864
3874
|
...B,
|
|
3865
3875
|
grid: {
|
|
3866
3876
|
...B?.grid,
|
|
3867
|
-
top: `${(
|
|
3868
|
-
bottom: `${(
|
|
3869
|
-
...f.includes(
|
|
3870
|
-
left: `${(
|
|
3871
|
-
right: `${
|
|
3877
|
+
top: `${(I?.margins?.marginTop || 0) + a}%`,
|
|
3878
|
+
bottom: `${(I?.margins?.marginBottom || 0) + i + (m ? 5 : 0)}%`,
|
|
3879
|
+
...f.includes(I?.legendSettings?.fixedPosition || "") && I?.legendSettings?.position === "vertical" ? {
|
|
3880
|
+
left: `${(I?.margins?.marginLeft || 0) + e}%`,
|
|
3881
|
+
right: `${I?.margins?.marginRight || 0}%`
|
|
3872
3882
|
} : {},
|
|
3873
|
-
...
|
|
3874
|
-
left: `${
|
|
3875
|
-
right: `${(
|
|
3883
|
+
...I?.legendSettings?.position && S.includes(I?.legendSettings?.fixedPosition || "") && I?.legendSettings?.position === "vertical" ? {
|
|
3884
|
+
left: `${I?.margins?.marginLeft || 0}%`,
|
|
3885
|
+
right: `${(I?.margins?.marginRight || 0) + e}%`
|
|
3876
3886
|
} : {}
|
|
3877
3887
|
},
|
|
3878
|
-
...
|
|
3888
|
+
...I?.customSettings?.chartZoom?.isZoomEnabled ? { dataZoom: o } : {}
|
|
3879
3889
|
};
|
|
3880
3890
|
} else {
|
|
3881
|
-
let
|
|
3891
|
+
let e = I?.legendSettings?.position === "horizontal" && g.includes(I?.legendSettings?.fixedPosition || ""), r = e && (h + xt) / n * 100 || 0, i = I?.customSettings?.chartZoom?.isZoomEnabled ? B?.dataZoom?.map((e) => e.orient === "horizontal" ? {
|
|
3882
3892
|
...e,
|
|
3883
|
-
bottom:
|
|
3893
|
+
bottom: xt
|
|
3884
3894
|
} : e) : null;
|
|
3885
|
-
if (
|
|
3886
|
-
let
|
|
3887
|
-
|
|
3895
|
+
if (I?.chartType === d.combo || I?.chartType === d.timeSeries && I?.timeSeriesSettings?.seriesType?.[0]?.type === "combo") {
|
|
3896
|
+
let a = ((B?.leftOffset || 0) + l) / n * 100, o = (B?.rightOffset || 0) / n * 100;
|
|
3897
|
+
t = {
|
|
3888
3898
|
...B,
|
|
3889
|
-
...
|
|
3899
|
+
...I?.customSettings?.chartZoom?.isZoomEnabled && e ? { dataZoom: i } : {},
|
|
3890
3900
|
grid: {
|
|
3891
3901
|
...B?.grid,
|
|
3892
|
-
left: `${(
|
|
3893
|
-
right: `${(
|
|
3894
|
-
...
|
|
3895
|
-
top: `${(
|
|
3896
|
-
bottom: `${(
|
|
3902
|
+
left: `${(I?.margins?.marginLeft || 0) + a}%`,
|
|
3903
|
+
right: `${(I?.margins?.marginRight || 0) + o}%`,
|
|
3904
|
+
...u ? {
|
|
3905
|
+
top: `${(I?.margins?.marginTop || 0) + _}%`,
|
|
3906
|
+
bottom: `${(I?.margins?.marginBottom || 0) + v + (m ? r : 0)}%`
|
|
3897
3907
|
} : {}
|
|
3898
3908
|
}
|
|
3899
3909
|
};
|
|
3900
3910
|
} else {
|
|
3901
|
-
let o =
|
|
3902
|
-
|
|
3911
|
+
let o = I?.labelSettings?.YAxisStyle?.axisName ? (I?.labelSettings?.YAxisStyle?.axisPadding || 0) / n * 100 : 0, c = o > 0 ? o / 2 : 0;
|
|
3912
|
+
t = {
|
|
3903
3913
|
...B,
|
|
3904
|
-
...
|
|
3914
|
+
...I?.customSettings?.chartZoom?.isZoomEnabled && e ? { dataZoom: i } : {},
|
|
3905
3915
|
grid: {
|
|
3906
3916
|
...B?.grid,
|
|
3907
|
-
left: `${(
|
|
3908
|
-
right: `${
|
|
3909
|
-
...
|
|
3910
|
-
top: `${(
|
|
3911
|
-
bottom: `${(
|
|
3917
|
+
left: `${(I?.margins?.marginLeft || 0) + c}%`,
|
|
3918
|
+
right: `${I?.margins?.marginRight || 0}%`,
|
|
3919
|
+
...u ? {
|
|
3920
|
+
top: `${(I?.margins?.marginTop || 0) + _}%`,
|
|
3921
|
+
bottom: `${(I?.margins?.marginBottom || 0) + v + (m ? r : 0)}%`
|
|
3912
3922
|
} : {}
|
|
3913
3923
|
},
|
|
3914
|
-
...
|
|
3924
|
+
...s ? { series: B?.series?.map((e, t) => ({
|
|
3915
3925
|
...e,
|
|
3916
|
-
barWidth:
|
|
3926
|
+
barWidth: a,
|
|
3917
3927
|
itemStyle: {
|
|
3918
3928
|
...e.itemStyle,
|
|
3919
3929
|
color: B.colors[t]
|
|
@@ -3922,124 +3932,125 @@ var rs = (e, t, n, r, i) => {
|
|
|
3922
3932
|
};
|
|
3923
3933
|
}
|
|
3924
3934
|
}
|
|
3925
|
-
} else
|
|
3926
|
-
|
|
3927
|
-
chartType:
|
|
3935
|
+
} else t = B;
|
|
3936
|
+
e && _.includes(I?.chartType || "") && (t = Br(t, {
|
|
3937
|
+
chartType: I?.chartType,
|
|
3928
3938
|
canvas: {
|
|
3929
|
-
width:
|
|
3930
|
-
height:
|
|
3939
|
+
width: e.getWidth?.() || 0,
|
|
3940
|
+
height: e.getHeight?.() || 0
|
|
3931
3941
|
},
|
|
3932
|
-
legendSettings:
|
|
3933
|
-
legendAppearance:
|
|
3942
|
+
legendSettings: I?.legendSettings,
|
|
3943
|
+
legendAppearance: O?.chartLegend,
|
|
3934
3944
|
outsideLabels: !0
|
|
3935
|
-
}) ??
|
|
3945
|
+
}) ?? t), st(t);
|
|
3936
3946
|
}, 100);
|
|
3937
|
-
return () => clearTimeout(
|
|
3947
|
+
return () => clearTimeout(e);
|
|
3938
3948
|
}, [
|
|
3939
3949
|
R,
|
|
3940
3950
|
o?.ref,
|
|
3941
3951
|
B,
|
|
3942
|
-
|
|
3943
|
-
ht,
|
|
3944
|
-
_t,
|
|
3952
|
+
I,
|
|
3945
3953
|
yt,
|
|
3946
|
-
|
|
3954
|
+
xt,
|
|
3955
|
+
Ct,
|
|
3956
|
+
O?.chartLegend
|
|
3947
3957
|
]), W(() => {
|
|
3948
|
-
if (R || !B || (
|
|
3949
|
-
let
|
|
3950
|
-
if (!
|
|
3951
|
-
|
|
3958
|
+
if (R || !B || (It.current &&= (clearInterval(It.current), void 0), I.chartType !== d.geoBarMap)) return;
|
|
3959
|
+
let e = He.current;
|
|
3960
|
+
if (!e || typeof IntersectionObserver != "function") return Ft.current = !0, It.current = setInterval(() => {
|
|
3961
|
+
at(Ft.current ? B.geoOption : B.barOption), Ft.current = !Ft.current;
|
|
3952
3962
|
}, 2e3), () => {
|
|
3953
|
-
|
|
3963
|
+
It.current &&= (clearInterval(It.current), void 0);
|
|
3954
3964
|
};
|
|
3955
|
-
let
|
|
3956
|
-
|
|
3957
|
-
|
|
3965
|
+
let t = () => {
|
|
3966
|
+
It.current ||= setInterval(() => {
|
|
3967
|
+
at(Ft.current ? B.geoOption : B.barOption), Ft.current = !Ft.current;
|
|
3958
3968
|
}, 2e3);
|
|
3959
|
-
},
|
|
3960
|
-
|
|
3969
|
+
}, n = () => {
|
|
3970
|
+
It.current &&= (clearInterval(It.current), void 0);
|
|
3961
3971
|
};
|
|
3962
|
-
|
|
3963
|
-
let
|
|
3964
|
-
e?.isIntersecting ?
|
|
3972
|
+
Ft.current = !0;
|
|
3973
|
+
let r = new IntersectionObserver(([e]) => {
|
|
3974
|
+
e?.isIntersecting ? t() : n();
|
|
3965
3975
|
}, { threshold: 0 });
|
|
3966
|
-
return
|
|
3967
|
-
|
|
3976
|
+
return r.observe(e), () => {
|
|
3977
|
+
r.disconnect(), n();
|
|
3968
3978
|
};
|
|
3969
3979
|
}, [
|
|
3970
|
-
|
|
3980
|
+
I.chartType,
|
|
3971
3981
|
R,
|
|
3972
3982
|
B
|
|
3973
3983
|
]);
|
|
3974
|
-
let { ref:
|
|
3984
|
+
let { ref: Lt, ...Rt } = o || {};
|
|
3975
3985
|
W(() => {
|
|
3976
|
-
if (!R &&
|
|
3977
|
-
let
|
|
3986
|
+
if (!R && At) {
|
|
3987
|
+
let e = [], n = new Set(Re?.features?.map((e) => e.properties.name));
|
|
3978
3988
|
t.forEach((t) => {
|
|
3979
|
-
|
|
3980
|
-
}),
|
|
3989
|
+
n.has(t[I.xAxis || ""]) || e.push(t);
|
|
3990
|
+
}), Et(e);
|
|
3981
3991
|
}
|
|
3982
|
-
}, [
|
|
3983
|
-
let
|
|
3984
|
-
name:
|
|
3985
|
-
columnKey:
|
|
3992
|
+
}, [At, R]);
|
|
3993
|
+
let zt = G(() => [{
|
|
3994
|
+
name: I?.xAxis,
|
|
3995
|
+
columnKey: I?.xAxis,
|
|
3986
3996
|
colSpan: 1,
|
|
3987
|
-
columnCell: (
|
|
3997
|
+
columnCell: (e) => e[I?.xAxis || ""]
|
|
3988
3998
|
}, {
|
|
3989
|
-
name:
|
|
3990
|
-
columnKey:
|
|
3999
|
+
name: I?.yAxisList?.[0],
|
|
4000
|
+
columnKey: I?.yAxisList?.[0],
|
|
3991
4001
|
colSpan: 1,
|
|
3992
|
-
columnCell: (
|
|
3993
|
-
}], [
|
|
4002
|
+
columnCell: (e) => e[I?.yAxisList?.[0] || ""] || "0"
|
|
4003
|
+
}], [I?.xAxis, I?.yAxisList]);
|
|
3994
4004
|
W(() => {
|
|
3995
|
-
if (!R && (
|
|
4005
|
+
if (!R && (Ue && [
|
|
3996
4006
|
d.gaugeV2,
|
|
3997
4007
|
d.linearGaugeV2,
|
|
3998
4008
|
d.progressBarV2,
|
|
3999
4009
|
d.funnelV2
|
|
4000
|
-
].includes(
|
|
4010
|
+
].includes(I.chartType) && B?.drawD3Chart && B?.drawD3Chart(), ![
|
|
4001
4011
|
d.gaugeV2,
|
|
4002
4012
|
d.linearGaugeV2,
|
|
4003
4013
|
d.progressBarV2,
|
|
4004
4014
|
d.funnelV2
|
|
4005
|
-
].includes(
|
|
4015
|
+
].includes(I.chartType))) {
|
|
4006
4016
|
let e = document.querySelector("#dbn-portal");
|
|
4007
4017
|
(document.querySelector("#chartContainer #gaugeContainer") || e?.shadowRoot?.querySelector("#chartContainer #gaugeContainer"))?.remove(), (document.querySelector("#chartContainer #gaugeV2") || e?.shadowRoot?.querySelector("#chartContainer #gaugeV2"))?.remove(), (document.querySelector("#chartContainer #lineargauge") || e?.shadowRoot?.querySelector("#chartContainer #lineargauge"))?.remove(), (document.querySelector("#chartContainer #progressBar") || e?.shadowRoot?.querySelector("#chartContainer #progressBar"))?.remove(), (document.querySelector("#chartContainer #funnelContainer") || e?.shadowRoot?.querySelector("#chartContainer #funnelContainer"))?.remove();
|
|
4008
4018
|
}
|
|
4009
4019
|
}, [
|
|
4010
4020
|
R,
|
|
4011
|
-
|
|
4021
|
+
Ue,
|
|
4022
|
+
I.chartType,
|
|
4012
4023
|
B?.drawD3Chart
|
|
4013
4024
|
]), W(() => {
|
|
4014
|
-
let
|
|
4015
|
-
if (!
|
|
4016
|
-
let
|
|
4017
|
-
clearTimeout(
|
|
4018
|
-
let
|
|
4019
|
-
|
|
4025
|
+
let e = (o?.ref ?? z)?.current?.getEchartsInstance?.();
|
|
4026
|
+
if (!e || !I?.labelSettings?.wrapText) return;
|
|
4027
|
+
let t, n = () => {
|
|
4028
|
+
clearTimeout(t), t = setTimeout(() => {
|
|
4029
|
+
let t = e.getWidth?.() || 0;
|
|
4030
|
+
Ye((e) => e === t ? e : t);
|
|
4020
4031
|
}, 150);
|
|
4021
4032
|
};
|
|
4022
|
-
|
|
4023
|
-
let
|
|
4024
|
-
if (!
|
|
4025
|
-
let
|
|
4026
|
-
return
|
|
4027
|
-
|
|
4033
|
+
n();
|
|
4034
|
+
let r = e.getDom?.();
|
|
4035
|
+
if (!r || typeof ResizeObserver > "u") return;
|
|
4036
|
+
let i = new ResizeObserver(n);
|
|
4037
|
+
return i.observe(r), () => {
|
|
4038
|
+
i.disconnect(), clearTimeout(t);
|
|
4028
4039
|
};
|
|
4029
4040
|
}, [
|
|
4030
4041
|
o?.ref,
|
|
4031
4042
|
z,
|
|
4032
|
-
|
|
4033
|
-
|
|
4043
|
+
I?.labelSettings?.wrapText,
|
|
4044
|
+
I?.chartType
|
|
4034
4045
|
]);
|
|
4035
|
-
let
|
|
4046
|
+
let Bt;
|
|
4036
4047
|
if (R) {
|
|
4037
|
-
let
|
|
4038
|
-
|
|
4048
|
+
let e = xr(I.chartType), t = Pt && (D || 0) >= 6 ? Math.min(100, e) : typeof D == "number" && D > 0 ? Math.max(e, D * 24) : e;
|
|
4049
|
+
Bt = /* @__PURE__ */ (0, J.jsx)("div", {
|
|
4039
4050
|
style: {
|
|
4040
4051
|
width: "100%",
|
|
4041
4052
|
height: "100%",
|
|
4042
|
-
minHeight:
|
|
4053
|
+
minHeight: t,
|
|
4043
4054
|
display: "flex",
|
|
4044
4055
|
flexDirection: "column",
|
|
4045
4056
|
alignSelf: "stretch"
|
|
@@ -4053,12 +4064,12 @@ var rs = (e, t, n, r, i) => {
|
|
|
4053
4064
|
children: /* @__PURE__ */ (0, J.jsx)(ps, {
|
|
4054
4065
|
type: R.type,
|
|
4055
4066
|
data: R.data,
|
|
4056
|
-
answerLineInput:
|
|
4057
|
-
applyDensity:
|
|
4058
|
-
appearance:
|
|
4059
|
-
adminTheme:
|
|
4067
|
+
answerLineInput: Le,
|
|
4068
|
+
applyDensity: Fe,
|
|
4069
|
+
appearance: Pe ?? void 0,
|
|
4070
|
+
adminTheme: Se,
|
|
4060
4071
|
colorBy: R.colorBy,
|
|
4061
|
-
valueFormatter:
|
|
4072
|
+
valueFormatter: Ie,
|
|
4062
4073
|
chartColors: a === !1 ? void 0 : i,
|
|
4063
4074
|
renderer: o?.opts?.renderer,
|
|
4064
4075
|
onEvents: r,
|
|
@@ -4066,22 +4077,22 @@ var rs = (e, t, n, r, i) => {
|
|
|
4066
4077
|
})
|
|
4067
4078
|
})
|
|
4068
4079
|
});
|
|
4069
|
-
} else
|
|
4070
|
-
chartType:
|
|
4071
|
-
text:
|
|
4072
|
-
}) : !B ||
|
|
4073
|
-
let
|
|
4080
|
+
} else Bt = I.chartType === d.radar ? /* @__PURE__ */ (0, J.jsx)(Wo, {
|
|
4081
|
+
chartType: I.chartType,
|
|
4082
|
+
text: je ? "Radar needs one category and at least three measures." : "Radar requires the new chart engine."
|
|
4083
|
+
}) : !B || jt === null ? null : (() => {
|
|
4084
|
+
let e = [
|
|
4074
4085
|
d.indianMap,
|
|
4075
4086
|
d.geoBarMap,
|
|
4076
4087
|
d.geoMap,
|
|
4077
4088
|
d.geoScatterMap,
|
|
4078
4089
|
d.worldMap
|
|
4079
|
-
].includes(
|
|
4080
|
-
return
|
|
4081
|
-
chartType:
|
|
4090
|
+
].includes(I.chartType);
|
|
4091
|
+
return e && Be ? /* @__PURE__ */ (0, J.jsx)(Wo, {
|
|
4092
|
+
chartType: I.chartType,
|
|
4082
4093
|
text: "Could not load the map outline. Check your connection and try again."
|
|
4083
|
-
}) :
|
|
4084
|
-
...
|
|
4094
|
+
}) : e && !Re ? /* @__PURE__ */ (0, J.jsx)(Jn, {}) : I.chartType === d.singleValue ? /* @__PURE__ */ (0, J.jsx)(is, {
|
|
4095
|
+
...Rt,
|
|
4085
4096
|
value: B.value,
|
|
4086
4097
|
settings: B.settings,
|
|
4087
4098
|
className: s,
|
|
@@ -4089,48 +4100,48 @@ var rs = (e, t, n, r, i) => {
|
|
|
4089
4100
|
trendLineOptions: B.trendLineOptions,
|
|
4090
4101
|
events: r,
|
|
4091
4102
|
originalValue: B?.originalValue,
|
|
4092
|
-
variables:
|
|
4093
|
-
language:
|
|
4094
|
-
translationDictionary:
|
|
4095
|
-
setHoverSubHeader:
|
|
4096
|
-
renderOpts:
|
|
4097
|
-
}) :
|
|
4098
|
-
...
|
|
4103
|
+
variables: ge,
|
|
4104
|
+
language: P,
|
|
4105
|
+
translationDictionary: F,
|
|
4106
|
+
setHoverSubHeader: ve,
|
|
4107
|
+
renderOpts: jt
|
|
4108
|
+
}) : I.chartType === d.horizontalStackTable ? /* @__PURE__ */ (0, J.jsx)(Qo, {
|
|
4109
|
+
...Rt,
|
|
4099
4110
|
data: B.data,
|
|
4100
4111
|
rawData: t,
|
|
4101
4112
|
error: "",
|
|
4102
4113
|
isLoading: !1,
|
|
4103
4114
|
tableSettings: {
|
|
4104
4115
|
...B.tableSettings,
|
|
4105
|
-
...
|
|
4116
|
+
...Te ? {
|
|
4106
4117
|
textWrap: {
|
|
4107
4118
|
isEnable: !0,
|
|
4108
|
-
columns:
|
|
4119
|
+
columns: I?.yAxisList
|
|
4109
4120
|
},
|
|
4110
4121
|
enableTableSearch: !1
|
|
4111
4122
|
} : {}
|
|
4112
4123
|
},
|
|
4113
4124
|
className: s,
|
|
4114
|
-
stackCols:
|
|
4125
|
+
stackCols: I.stackTableCols || [],
|
|
4115
4126
|
colors: B.colors,
|
|
4116
|
-
showLabels:
|
|
4127
|
+
showLabels: I.customSettings?.showStackLabels,
|
|
4117
4128
|
onChangePage: o?.onChangePage,
|
|
4118
4129
|
setChartSettings: o?.setChartSettings,
|
|
4119
4130
|
dropdownZindex: o?.dropdownZindex,
|
|
4120
4131
|
additionalSettings: {
|
|
4121
|
-
barRadius:
|
|
4122
|
-
barWidth:
|
|
4123
|
-
labelPosition:
|
|
4132
|
+
barRadius: I?.customSettings?.barRadius,
|
|
4133
|
+
barWidth: I?.customSettings?.barWidth,
|
|
4134
|
+
labelPosition: I?.labelSettings?.position && [
|
|
4124
4135
|
"inside",
|
|
4125
4136
|
"right",
|
|
4126
4137
|
"bottom"
|
|
4127
|
-
].includes(
|
|
4138
|
+
].includes(I?.labelSettings?.position) ? I?.labelSettings?.position : "bottom"
|
|
4128
4139
|
},
|
|
4129
|
-
renderOpts:
|
|
4130
|
-
}) :
|
|
4131
|
-
chartFieldFormats:
|
|
4132
|
-
yAxisList:
|
|
4133
|
-
...
|
|
4140
|
+
renderOpts: jt
|
|
4141
|
+
}) : I.chartType === d.table ? /* @__PURE__ */ (0, J.jsx)(Zo, {
|
|
4142
|
+
chartFieldFormats: I.customSettings?.chartFieldFormats,
|
|
4143
|
+
yAxisList: I?.yAxisList || [],
|
|
4144
|
+
...Rt,
|
|
4134
4145
|
onChangePaginationColumnFilters: o?.onChangePaginationColumnFilters,
|
|
4135
4146
|
tableColumnFilters: o?.tableColumnFilters,
|
|
4136
4147
|
events: r,
|
|
@@ -4139,17 +4150,17 @@ var rs = (e, t, n, r, i) => {
|
|
|
4139
4150
|
isLoading: !1,
|
|
4140
4151
|
tableSettings: {
|
|
4141
4152
|
...B.tableSettings,
|
|
4142
|
-
...
|
|
4153
|
+
...Te ? {
|
|
4143
4154
|
textWrap: {
|
|
4144
4155
|
isEnable: !0,
|
|
4145
|
-
columns:
|
|
4156
|
+
columns: I?.yAxisList,
|
|
4146
4157
|
headerWrap: !0,
|
|
4147
4158
|
enableLineBreaks: !0
|
|
4148
4159
|
},
|
|
4149
4160
|
enableTableSearch: !1
|
|
4150
4161
|
} : {}
|
|
4151
4162
|
},
|
|
4152
|
-
dateColumns:
|
|
4163
|
+
dateColumns: I?.dateColumns,
|
|
4153
4164
|
className: s,
|
|
4154
4165
|
isExternalChart: o?.isExternalChart,
|
|
4155
4166
|
isFullScreenChart: o?.isFullScreenChart,
|
|
@@ -4159,37 +4170,37 @@ var rs = (e, t, n, r, i) => {
|
|
|
4159
4170
|
paginationInfo: o?.paginationInfo,
|
|
4160
4171
|
setChartSettings: o?.setChartSettings,
|
|
4161
4172
|
isShowFullScreen: u,
|
|
4162
|
-
isMetricCard:
|
|
4163
|
-
isShowFullScreenEnabled: m && !
|
|
4173
|
+
isMetricCard: M,
|
|
4174
|
+
isShowFullScreenEnabled: m && !be,
|
|
4164
4175
|
metricId: v,
|
|
4165
|
-
onMaximize:
|
|
4176
|
+
onMaximize: ee,
|
|
4166
4177
|
dropdownZindex: o?.dropdownZindex,
|
|
4167
|
-
externalGlobalFilter:
|
|
4168
|
-
setExternalGlobalFilter:
|
|
4169
|
-
language:
|
|
4170
|
-
translationDictionary:
|
|
4178
|
+
externalGlobalFilter: ce,
|
|
4179
|
+
setExternalGlobalFilter: me,
|
|
4180
|
+
language: P,
|
|
4181
|
+
translationDictionary: F,
|
|
4171
4182
|
isDisableChartActions: !o?.chartClickConfig?.isEnable,
|
|
4172
|
-
onDownloadData:
|
|
4173
|
-
isDownloading:
|
|
4174
|
-
}) :
|
|
4175
|
-
...
|
|
4183
|
+
onDownloadData: Ce,
|
|
4184
|
+
isDownloading: we
|
|
4185
|
+
}) : I.chartType === d.trendAnalyzer ? /* @__PURE__ */ (0, J.jsx)(Eo, {
|
|
4186
|
+
...Rt,
|
|
4176
4187
|
events: r,
|
|
4177
4188
|
data: B.data,
|
|
4178
4189
|
error: "",
|
|
4179
4190
|
isLoading: !1,
|
|
4180
4191
|
tableSettings: {
|
|
4181
4192
|
...B.tableSettings,
|
|
4182
|
-
...
|
|
4193
|
+
...Te ? {
|
|
4183
4194
|
textWrap: {
|
|
4184
4195
|
isEnable: !0,
|
|
4185
|
-
columns:
|
|
4196
|
+
columns: I?.yAxisList,
|
|
4186
4197
|
headerWrap: !0,
|
|
4187
4198
|
enableLineBreaks: !0
|
|
4188
4199
|
},
|
|
4189
4200
|
enableTableSearch: !1
|
|
4190
4201
|
} : {}
|
|
4191
4202
|
},
|
|
4192
|
-
dateColumns:
|
|
4203
|
+
dateColumns: I?.dateColumns,
|
|
4193
4204
|
className: s,
|
|
4194
4205
|
isExternalChart: o?.isExternalChart,
|
|
4195
4206
|
isFullScreenChart: o?.isFullScreenChart,
|
|
@@ -4199,23 +4210,23 @@ var rs = (e, t, n, r, i) => {
|
|
|
4199
4210
|
paginationInfo: o?.paginationInfo,
|
|
4200
4211
|
setChartSettings: o?.setChartSettings,
|
|
4201
4212
|
isShowFullScreen: u,
|
|
4202
|
-
isMetricCard:
|
|
4203
|
-
isShowFullScreenEnabled: m && !
|
|
4204
|
-
onMaximize:
|
|
4213
|
+
isMetricCard: M,
|
|
4214
|
+
isShowFullScreenEnabled: m && !be,
|
|
4215
|
+
onMaximize: ee,
|
|
4205
4216
|
dropdownZindex: o?.dropdownZindex,
|
|
4206
|
-
externalGlobalFilter:
|
|
4207
|
-
setExternalGlobalFilter:
|
|
4208
|
-
language:
|
|
4209
|
-
translationDictionary:
|
|
4217
|
+
externalGlobalFilter: ce,
|
|
4218
|
+
setExternalGlobalFilter: me,
|
|
4219
|
+
language: P,
|
|
4220
|
+
translationDictionary: F,
|
|
4210
4221
|
isDisableChartActions: !o?.chartClickConfig?.isEnable,
|
|
4211
|
-
onDownloadData:
|
|
4212
|
-
isDownloading:
|
|
4213
|
-
}) :
|
|
4214
|
-
...
|
|
4222
|
+
onDownloadData: Ce,
|
|
4223
|
+
isDownloading: we
|
|
4224
|
+
}) : I.chartType === d.pivot ? /* @__PURE__ */ (0, J.jsx)($o, {
|
|
4225
|
+
...Rt,
|
|
4215
4226
|
data: t,
|
|
4216
4227
|
pivotTableSettings: B.pivotTableSettings,
|
|
4217
4228
|
tableSettings: B?.tableSettings
|
|
4218
|
-
}) :
|
|
4229
|
+
}) : I.chartType === d.pivotV2 ? /* @__PURE__ */ (0, J.jsx)(es, { props: {
|
|
4219
4230
|
columns: B?.pivotTableSettings2?.headers || [],
|
|
4220
4231
|
data: t || [],
|
|
4221
4232
|
rows: B?.pivotTableSettings2?.dimensions || [],
|
|
@@ -4225,20 +4236,20 @@ var rs = (e, t, n, r, i) => {
|
|
|
4225
4236
|
measures: B?.pivotTableSettings2?.aggregates || [],
|
|
4226
4237
|
isEnableStripedRows: B?.pivotTableSettings2?.isEnableStripedRows,
|
|
4227
4238
|
dimensions: B?.pivotTableSettings2?.dims || [],
|
|
4228
|
-
onDrillPivotTable:
|
|
4229
|
-
pivotDrillState:
|
|
4239
|
+
onDrillPivotTable: x,
|
|
4240
|
+
pivotDrillState: C,
|
|
4230
4241
|
formatSettings: {
|
|
4231
|
-
isEnableFormatting:
|
|
4232
|
-
numberFormatter:
|
|
4233
|
-
formatColumns:
|
|
4234
|
-
suffix:
|
|
4235
|
-
prefix:
|
|
4236
|
-
formatterOptions:
|
|
4242
|
+
isEnableFormatting: I?.tableSettings?.isEnableNumberFormatting,
|
|
4243
|
+
numberFormatter: I?.tableSettings?.tableFormatter,
|
|
4244
|
+
formatColumns: I?.tableSettings?.formattedColumns,
|
|
4245
|
+
suffix: I?.tableSettings?.tableSuffix,
|
|
4246
|
+
prefix: I?.tableSettings?.tablePrefix,
|
|
4247
|
+
formatterOptions: I?.tableSettings?.tableNumberFormatter
|
|
4237
4248
|
},
|
|
4238
|
-
isEnableTableSort:
|
|
4239
|
-
isEnableAllSort:
|
|
4249
|
+
isEnableTableSort: I?.tableSettings?.enableSorting,
|
|
4250
|
+
isEnableAllSort: I?.tableSettings?.isEnableAllSort,
|
|
4240
4251
|
tableSettings: B?.tableSettings
|
|
4241
|
-
} }) :
|
|
4252
|
+
} }) : I.chartType === d.pivotV3 ? /* @__PURE__ */ (0, J.jsx)(ts, { props: {
|
|
4242
4253
|
columns: B?.pivotTableSettings3?.columns || [],
|
|
4243
4254
|
data: t || [],
|
|
4244
4255
|
rows: B?.pivotTableSettings3?.rows || [],
|
|
@@ -4247,15 +4258,15 @@ var rs = (e, t, n, r, i) => {
|
|
|
4247
4258
|
measures: B?.pivotTableSettings3?.aggregates || [],
|
|
4248
4259
|
isEnableStripedRows: B?.pivotTableSettings2?.isEnableStripedRows,
|
|
4249
4260
|
dimensions: B?.pivotTableSettings3?.dims || [],
|
|
4250
|
-
onDrillPivotTable:
|
|
4251
|
-
pivotDrillState:
|
|
4261
|
+
onDrillPivotTable: x,
|
|
4262
|
+
pivotDrillState: C,
|
|
4252
4263
|
formatSettings: {
|
|
4253
|
-
isEnableFormatting:
|
|
4254
|
-
numberFormatter:
|
|
4255
|
-
formatColumns:
|
|
4256
|
-
suffix:
|
|
4257
|
-
prefix:
|
|
4258
|
-
formatterOptions:
|
|
4264
|
+
isEnableFormatting: I?.tableSettings?.isEnableNumberFormatting,
|
|
4265
|
+
numberFormatter: I?.tableSettings?.tableFormatter,
|
|
4266
|
+
formatColumns: I?.tableSettings?.formattedColumns,
|
|
4267
|
+
suffix: I?.tableSettings?.tableSuffix,
|
|
4268
|
+
prefix: I?.tableSettings?.tablePrefix,
|
|
4269
|
+
formatterOptions: I?.tableSettings?.tableNumberFormatter
|
|
4259
4270
|
},
|
|
4260
4271
|
aggregatedRowSettings: {
|
|
4261
4272
|
isAggregatedRow: B?.pivotTableSettings3?.isAggregatedRow,
|
|
@@ -4274,111 +4285,111 @@ var rs = (e, t, n, r, i) => {
|
|
|
4274
4285
|
d.area,
|
|
4275
4286
|
d.stackedArea,
|
|
4276
4287
|
d.timeSeries
|
|
4277
|
-
].includes(
|
|
4288
|
+
].includes(I.chartType) && I.customSettings?.showDynamicBehaviour && !Qe ? /* @__PURE__ */ er(Uo, {
|
|
4278
4289
|
style: {
|
|
4279
4290
|
width: "100%",
|
|
4280
4291
|
height: "100%"
|
|
4281
4292
|
},
|
|
4282
4293
|
...gs(o),
|
|
4283
|
-
option:
|
|
4294
|
+
option: vt,
|
|
4284
4295
|
className: s,
|
|
4285
|
-
key:
|
|
4296
|
+
key: Mt,
|
|
4286
4297
|
ref: o?.ref ?? z,
|
|
4287
|
-
onEvents:
|
|
4288
|
-
notMerge: _s(
|
|
4289
|
-
opts:
|
|
4290
|
-
}) :
|
|
4298
|
+
onEvents: ht,
|
|
4299
|
+
notMerge: _s(I.chartType),
|
|
4300
|
+
opts: jt
|
|
4301
|
+
}) : I.chartType === d.geoBarMap ? /* @__PURE__ */ (0, J.jsx)(Uo, {
|
|
4291
4302
|
style: {
|
|
4292
4303
|
width: "100%",
|
|
4293
4304
|
height: "100%"
|
|
4294
4305
|
},
|
|
4295
4306
|
...gs(o),
|
|
4296
4307
|
option: Dr({
|
|
4297
|
-
...
|
|
4308
|
+
...it || B?.geoOption,
|
|
4298
4309
|
animation: !0
|
|
4299
4310
|
}),
|
|
4300
4311
|
className: s,
|
|
4301
|
-
onEvents:
|
|
4312
|
+
onEvents: pt,
|
|
4302
4313
|
notMerge: !0,
|
|
4303
|
-
opts:
|
|
4314
|
+
opts: jt
|
|
4304
4315
|
}) : [
|
|
4305
4316
|
d.gaugeV2,
|
|
4306
4317
|
d.linearGaugeV2,
|
|
4307
4318
|
d.progressBarV2,
|
|
4308
4319
|
d.funnelV2
|
|
4309
|
-
].includes(
|
|
4310
|
-
ref:
|
|
4320
|
+
].includes(I.chartType) ? /* @__PURE__ */ (0, J.jsx)("div", {
|
|
4321
|
+
ref: Ge,
|
|
4311
4322
|
className: "dbn:w-full dbn:h-full dbn:flex dbn:flex-col"
|
|
4312
|
-
}) :
|
|
4313
|
-
chartType:
|
|
4323
|
+
}) : I?.chartType === d.gauge ? /* @__PURE__ */ (0, J.jsx)(Wo, {
|
|
4324
|
+
chartType: I?.chartType,
|
|
4314
4325
|
subText: "Please use the Gauge V2 chart instead."
|
|
4315
|
-
}) : [d.worldMap, d.indianMap].includes(
|
|
4326
|
+
}) : [d.worldMap, d.indianMap].includes(I.chartType) ? /* @__PURE__ */ (0, J.jsxs)("div", {
|
|
4316
4327
|
className: "dbn:w-full dbn:h-full dbn:relative dbn:flex dbn:gap-3 dbn:flex-col dbn:items-end dbn:justify-center",
|
|
4317
4328
|
id: "chartContainer",
|
|
4318
|
-
children: [
|
|
4329
|
+
children: [At && Tt?.length ? /* @__PURE__ */ (0, J.jsxs)(l, {
|
|
4319
4330
|
variant: "popover",
|
|
4320
|
-
onClick: () =>
|
|
4331
|
+
onClick: () => Ot(!Dt),
|
|
4321
4332
|
className: $.buttonText,
|
|
4322
|
-
children: ["Go To Geo ",
|
|
4323
|
-
}) : null,
|
|
4324
|
-
data:
|
|
4325
|
-
headers:
|
|
4333
|
+
children: ["Go To Geo ", Dt ? "Map >" : "Table >"]
|
|
4334
|
+
}) : null, Dt ? /* @__PURE__ */ (0, J.jsx)(xo, {
|
|
4335
|
+
data: Tt,
|
|
4336
|
+
headers: zt
|
|
4326
4337
|
}) : /* @__PURE__ */ (0, J.jsx)(Uo, {
|
|
4327
4338
|
style: {
|
|
4328
4339
|
width: "100%",
|
|
4329
|
-
height:
|
|
4340
|
+
height: Pt && (D || 0) >= 6 ? "100px" : Pt && !D ? "40%" : "100%"
|
|
4330
4341
|
},
|
|
4331
4342
|
...gs(o),
|
|
4332
|
-
option:
|
|
4333
|
-
...
|
|
4343
|
+
option: I.customSettings?.chartZoom?.isZoomEnabled ? {
|
|
4344
|
+
..._t,
|
|
4334
4345
|
animation: !0
|
|
4335
4346
|
} : {
|
|
4336
|
-
...
|
|
4347
|
+
..._t,
|
|
4337
4348
|
animation: !1
|
|
4338
4349
|
},
|
|
4339
4350
|
className: s,
|
|
4340
4351
|
ref: o?.ref ?? z,
|
|
4341
|
-
onEvents:
|
|
4352
|
+
onEvents: pt,
|
|
4342
4353
|
notMerge: !0,
|
|
4343
|
-
opts:
|
|
4354
|
+
opts: jt
|
|
4344
4355
|
})]
|
|
4345
4356
|
}) : /* @__PURE__ */ (0, J.jsx)("div", {
|
|
4346
4357
|
className: "dbn:w-full dbn:h-full dbn:relative dbn:flex dbn:gap-3 dbn:flex-col dbn:items-end dbn:justify-center",
|
|
4347
4358
|
id: "chartContainer",
|
|
4348
|
-
children:
|
|
4349
|
-
chartHeight:
|
|
4350
|
-
hasDecreasedHeight:
|
|
4359
|
+
children: M ? /* @__PURE__ */ (0, J.jsx)(Ss, {
|
|
4360
|
+
chartHeight: D,
|
|
4361
|
+
hasDecreasedHeight: Pt,
|
|
4351
4362
|
config: o,
|
|
4352
|
-
chartOptions:
|
|
4353
|
-
options:
|
|
4363
|
+
chartOptions: I,
|
|
4364
|
+
options: _t,
|
|
4354
4365
|
className: s,
|
|
4355
|
-
onEvents:
|
|
4366
|
+
onEvents: gt,
|
|
4356
4367
|
chartRef: o?.ref ?? z,
|
|
4357
|
-
renderOpts:
|
|
4368
|
+
renderOpts: jt
|
|
4358
4369
|
}) : /* @__PURE__ */ er(Uo, {
|
|
4359
4370
|
style: {
|
|
4360
4371
|
width: "100%",
|
|
4361
|
-
height:
|
|
4372
|
+
height: Pt && (D || 0) >= 6 ? "100px" : Pt && !D ? "40%" : "100%"
|
|
4362
4373
|
},
|
|
4363
4374
|
...gs(o),
|
|
4364
|
-
option:
|
|
4365
|
-
...
|
|
4375
|
+
option: I.customSettings?.chartZoom?.isZoomEnabled ? {
|
|
4376
|
+
..._t,
|
|
4366
4377
|
animation: !0
|
|
4367
4378
|
} : {
|
|
4368
|
-
...
|
|
4379
|
+
..._t,
|
|
4369
4380
|
animation: !1
|
|
4370
4381
|
},
|
|
4371
4382
|
className: s,
|
|
4372
|
-
key:
|
|
4373
|
-
onEvents:
|
|
4383
|
+
key: Mt,
|
|
4384
|
+
onEvents: gt,
|
|
4374
4385
|
ref: o?.ref ?? z,
|
|
4375
|
-
notMerge: _s(
|
|
4376
|
-
opts:
|
|
4386
|
+
notMerge: _s(I.chartType),
|
|
4387
|
+
opts: jt
|
|
4377
4388
|
})
|
|
4378
4389
|
});
|
|
4379
4390
|
})();
|
|
4380
4391
|
return /* @__PURE__ */ (0, J.jsx)("div", {
|
|
4381
|
-
ref:
|
|
4392
|
+
ref: Ae,
|
|
4382
4393
|
...R ? {
|
|
4383
4394
|
"data-chart-engine": "v2",
|
|
4384
4395
|
className: s,
|
|
@@ -4387,8 +4398,8 @@ var rs = (e, t, n, r, i) => {
|
|
|
4387
4398
|
height: "100%"
|
|
4388
4399
|
}
|
|
4389
4400
|
} : { style: { display: "contents" } },
|
|
4390
|
-
children:
|
|
4401
|
+
children: Bt
|
|
4391
4402
|
});
|
|
4392
4403
|
});
|
|
4393
4404
|
//#endregion
|
|
4394
|
-
export { gr as a, hr as c, fr as d, or as f, yr as i, mr as l, cs as n, _r as o, Zo as r, vr as s,
|
|
4405
|
+
export { gr as a, hr as c, fr as d, or as f, yr as i, mr as l, cs as n, _r as o, Zo as r, vr as s, Cs as t, pr as u };
|