chordia-ui 3.9.0 → 3.9.2
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/DataTable2.cjs.js +1 -1
- package/dist/DataTable2.cjs.js.map +1 -1
- package/dist/DataTable2.es.js +611 -604
- package/dist/DataTable2.es.js.map +1 -1
- package/dist/PerformancePanel.cjs.js +1 -1
- package/dist/PerformancePanel.cjs.js.map +1 -1
- package/dist/PerformancePanel.es.js +1068 -816
- package/dist/PerformancePanel.es.js.map +1 -1
- package/dist/SupervisorSelect.cjs.js +2 -0
- package/dist/SupervisorSelect.cjs.js.map +1 -0
- package/dist/SupervisorSelect.es.js +352 -0
- package/dist/SupervisorSelect.es.js.map +1 -0
- package/dist/components/Signals.cjs.js +1 -1
- package/dist/components/Signals.cjs.js.map +1 -1
- package/dist/components/Signals.es.js +273 -318
- package/dist/components/Signals.es.js.map +1 -1
- package/dist/components/UpdatedInteractionDetails.cjs.js +3 -3
- package/dist/components/UpdatedInteractionDetails.cjs.js.map +1 -1
- package/dist/components/UpdatedInteractionDetails.es.js +98 -92
- package/dist/components/UpdatedInteractionDetails.es.js.map +1 -1
- package/dist/components/performance.cjs.js +1 -1
- package/dist/components/performance.cjs.js.map +1 -1
- package/dist/components/performance.es.js +116 -349
- package/dist/components/performance.es.js.map +1 -1
- package/dist/components/reports.cjs.js +2 -2
- package/dist/components/reports.cjs.js.map +1 -1
- package/dist/components/reports.es.js +122 -141
- package/dist/components/reports.es.js.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1 -1
- package/dist/pages/interactionDetails.cjs.js +2 -2
- package/dist/pages/interactionDetails.cjs.js.map +1 -1
- package/dist/pages/interactionDetails.es.js +130 -124
- package/dist/pages/interactionDetails.es.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Signals/SignalDetailsPage.jsx +2 -29
- package/src/components/Signals/SignalsListPage.jsx +2 -24
- package/src/components/UpdatedInteractionDetails/UpdatedCoachingSynthesisCard.jsx +8 -1
- package/src/components/data/DataTable2.jsx +19 -5
- package/src/components/pages/interactionDetails/CoachingSynthesisCard.jsx +8 -1
- package/src/components/performance/PerformanceDetailsPage.jsx +230 -75
- package/src/components/performance/PerformancePanel.jsx +42 -45
- package/src/components/performance/index.js +27 -0
- package/src/components/performance/performanceApiMap.js +133 -0
- package/src/components/performance/performanceMetrics.js +63 -0
- package/src/components/performance/performanceRangeFormat.js +92 -0
- package/src/components/performance/performanceSparkline.js +52 -0
- package/src/components/reports/ReportsList.jsx +2 -25
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { CalendarDays as ue, Download as fe, Plus as
|
|
2
|
+
import S from "react";
|
|
3
|
+
import { CalendarDays as ue, Download as fe, Plus as le, Pencil as ye, Trash2 as ge, CloudCheck as X, GlobeX as be, Ban as re, CirclePause as oe, ArrowLeft as xe, Settings2 as me, PanelLeftClose as ke, PanelLeftOpen as Se, FileDown as we, Share2 as ve, ChevronLeft as ze, ChevronRight as Ie } from "lucide-react";
|
|
4
4
|
import { D as Fe } from "../DataTable2.es.js";
|
|
5
|
-
import { c as He } from "../PerformancePanel.es.js";
|
|
6
|
-
import { C as
|
|
5
|
+
import { e as ee, c as He, p as We } from "../PerformancePanel.es.js";
|
|
6
|
+
import { C as Ce } from "../ConfirmationPopup.es.js";
|
|
7
7
|
import "../sortable.esm.es.js";
|
|
8
8
|
import "react-dom";
|
|
9
9
|
import "../CustomFilterChips.es.js";
|
|
@@ -23,31 +23,12 @@ const c = {
|
|
|
23
23
|
neutral850: "var(--neutral-850)",
|
|
24
24
|
neutral800: "var(--neutral-800)",
|
|
25
25
|
neutral50: "var(--neutral-50)"
|
|
26
|
-
}, H = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)",
|
|
26
|
+
}, H = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", Te = [
|
|
27
27
|
{ id: "8h", label: "8h" },
|
|
28
28
|
{ id: "1d", label: "1d" },
|
|
29
29
|
{ id: "7d", label: "7d" },
|
|
30
30
|
{ id: "30d", label: "30d" }
|
|
31
|
-
]
|
|
32
|
-
"8h": 8 * 60 * 60 * 1e3,
|
|
33
|
-
"1d": 24 * 60 * 60 * 1e3,
|
|
34
|
-
"7d": 7 * 24 * 60 * 60 * 1e3,
|
|
35
|
-
"30d": 30 * 24 * 60 * 60 * 1e3
|
|
36
|
-
};
|
|
37
|
-
function X(t) {
|
|
38
|
-
return t instanceof Date ? t.toLocaleDateString("en-US", {
|
|
39
|
-
month: "2-digit",
|
|
40
|
-
day: "2-digit",
|
|
41
|
-
year: "numeric"
|
|
42
|
-
}) : String(t ?? "");
|
|
43
|
-
}
|
|
44
|
-
function De(t) {
|
|
45
|
-
const r = Te[t];
|
|
46
|
-
if (!r)
|
|
47
|
-
return "";
|
|
48
|
-
const n = /* @__PURE__ */ new Date(), d = new Date(n.getTime() - r);
|
|
49
|
-
return `${X(d)} – ${X(n)}`;
|
|
50
|
-
}
|
|
31
|
+
];
|
|
51
32
|
function $e({ label: t, active: r = !1, onClick: n }) {
|
|
52
33
|
return /* @__PURE__ */ e(
|
|
53
34
|
"button",
|
|
@@ -71,15 +52,15 @@ function $e({ label: t, active: r = !1, onClick: n }) {
|
|
|
71
52
|
);
|
|
72
53
|
}
|
|
73
54
|
const Ae = {
|
|
74
|
-
active:
|
|
55
|
+
active: X,
|
|
75
56
|
failed: be,
|
|
76
|
-
suspended:
|
|
57
|
+
suspended: re,
|
|
77
58
|
paused: oe
|
|
78
59
|
};
|
|
79
|
-
function
|
|
60
|
+
function De({ value: t }) {
|
|
80
61
|
if (t == null || t === "")
|
|
81
62
|
return null;
|
|
82
|
-
const r = String(t).toLowerCase(), n = Ae[r] ||
|
|
63
|
+
const r = String(t).toLowerCase(), n = Ae[r] || X;
|
|
83
64
|
return /* @__PURE__ */ l(
|
|
84
65
|
"span",
|
|
85
66
|
{
|
|
@@ -126,7 +107,7 @@ function te({ icon: t, label: r, onClick: n }) {
|
|
|
126
107
|
}
|
|
127
108
|
);
|
|
128
109
|
}
|
|
129
|
-
function
|
|
110
|
+
function Le({ enabled: t }) {
|
|
130
111
|
return /* @__PURE__ */ e(
|
|
131
112
|
"span",
|
|
132
113
|
{
|
|
@@ -164,8 +145,8 @@ function Oe({ enabled: t }) {
|
|
|
164
145
|
);
|
|
165
146
|
}
|
|
166
147
|
function je({ value: t, enabledLabel: r, disabledLabel: n, onToggle: d }) {
|
|
167
|
-
const o = t !== !1 && t !== "disabled" && t !== "off", [s, h] =
|
|
168
|
-
|
|
148
|
+
const o = t !== !1 && t !== "disabled" && t !== "off", [s, h] = S.useState(o);
|
|
149
|
+
S.useEffect(() => {
|
|
169
150
|
h(o);
|
|
170
151
|
}, [o]);
|
|
171
152
|
const p = s ? r : n;
|
|
@@ -173,8 +154,8 @@ function je({ value: t, enabledLabel: r, disabledLabel: n, onToggle: d }) {
|
|
|
173
154
|
"button",
|
|
174
155
|
{
|
|
175
156
|
type: "button",
|
|
176
|
-
onClick: (
|
|
177
|
-
|
|
157
|
+
onClick: (k) => {
|
|
158
|
+
k.stopPropagation();
|
|
178
159
|
const f = !s;
|
|
179
160
|
h(f), d == null || d(f);
|
|
180
161
|
},
|
|
@@ -194,13 +175,13 @@ function je({ value: t, enabledLabel: r, disabledLabel: n, onToggle: d }) {
|
|
|
194
175
|
color: c.black
|
|
195
176
|
},
|
|
196
177
|
children: [
|
|
197
|
-
/* @__PURE__ */ e(
|
|
178
|
+
/* @__PURE__ */ e(Le, { enabled: s }),
|
|
198
179
|
p
|
|
199
180
|
]
|
|
200
181
|
}
|
|
201
182
|
);
|
|
202
183
|
}
|
|
203
|
-
const
|
|
184
|
+
const Oe = [
|
|
204
185
|
{ id: "task", label: "Task", width: 336, sortable: !0, filterable: !0 },
|
|
205
186
|
{ id: "schedule", label: "Schedule", width: 164, sortable: !0, filterable: !0 },
|
|
206
187
|
{
|
|
@@ -209,7 +190,7 @@ const _e = [
|
|
|
209
190
|
width: 140,
|
|
210
191
|
sortable: !0,
|
|
211
192
|
filterable: !0,
|
|
212
|
-
render: (t) => /* @__PURE__ */ e(
|
|
193
|
+
render: (t) => /* @__PURE__ */ e(De, { value: t })
|
|
213
194
|
},
|
|
214
195
|
{ id: "lastRunDate", label: "Last Run Date", width: 140, sortable: !0 },
|
|
215
196
|
{ id: "nextScheduled", label: "Next Scheduled", width: 140, sortable: !0 }
|
|
@@ -224,17 +205,17 @@ function lt({
|
|
|
224
205
|
onCreateReport: s,
|
|
225
206
|
createReportLabel: h = "",
|
|
226
207
|
// Time-range chips
|
|
227
|
-
rangeOptions: p =
|
|
228
|
-
selectedWindow:
|
|
208
|
+
rangeOptions: p = Te,
|
|
209
|
+
selectedWindow: k = "30d",
|
|
229
210
|
onWindowChange: f,
|
|
230
211
|
// Date-range picker
|
|
231
212
|
dateRangePicker: E,
|
|
232
213
|
dateRange: L,
|
|
233
214
|
onDateRangeChange: w,
|
|
234
215
|
// Table data
|
|
235
|
-
reports:
|
|
236
|
-
reportColumns: Y =
|
|
237
|
-
initialPageSize:
|
|
216
|
+
reports: Z = [],
|
|
217
|
+
reportColumns: Y = Oe,
|
|
218
|
+
initialPageSize: $ = 10,
|
|
238
219
|
onReportClick: W,
|
|
239
220
|
onVisibleColumnsChange: C,
|
|
240
221
|
// Toggle handler — fires as `onToggleReport(row, nextEnabled)` when the
|
|
@@ -248,29 +229,29 @@ function lt({
|
|
|
248
229
|
// surface when the user hovers the row — keeps the table calm at rest and
|
|
249
230
|
// reveals the destructive controls only when the user reaches for them.
|
|
250
231
|
// Labels populate `aria-label` + native tooltip; default to "Edit" / "Delete".
|
|
251
|
-
onEditReport:
|
|
232
|
+
onEditReport: A,
|
|
252
233
|
onDeleteReport: z,
|
|
253
|
-
editLabel:
|
|
234
|
+
editLabel: D = "Edit",
|
|
254
235
|
deleteLabel: m = "Delete",
|
|
255
236
|
// Copy for the delete confirmation dialog. The dialog opens when the
|
|
256
237
|
// trash icon is clicked; `onDeleteReport(row)` only fires after the user
|
|
257
238
|
// confirms via the secondary (Delete) button.
|
|
258
|
-
deleteConfirmTitle:
|
|
259
|
-
deleteConfirmMessage:
|
|
260
|
-
deleteConfirmCancelLabel:
|
|
239
|
+
deleteConfirmTitle: j = "Delete Report",
|
|
240
|
+
deleteConfirmMessage: O = "Do you really want to delete this report? This action cannot be undone.",
|
|
241
|
+
deleteConfirmCancelLabel: B = "Cancel",
|
|
261
242
|
// Server-side pagination (optional pass-through to DataTable2).
|
|
262
|
-
reportsTotal:
|
|
263
|
-
reportsPage:
|
|
264
|
-
reportsPageSize:
|
|
243
|
+
reportsTotal: N = null,
|
|
244
|
+
reportsPage: _ = null,
|
|
245
|
+
reportsPageSize: q = null,
|
|
265
246
|
onReportsPageChange: U,
|
|
266
|
-
onReportsPageSizeChange:
|
|
247
|
+
onReportsPageSizeChange: J
|
|
267
248
|
}) {
|
|
268
|
-
const [G, P] =
|
|
249
|
+
const [G, P] = S.useState(null), [R, I] = S.useState(null), y = L !== void 0 ? L : G, T = !!(y != null && y.from && (y != null && y.to)), V = (u) => {
|
|
269
250
|
P(u), w == null || w(u);
|
|
270
251
|
}, g = (u) => {
|
|
271
252
|
P(null), w == null || w(null), f == null || f(u);
|
|
272
|
-
}, F = T ? `${
|
|
273
|
-
const u = !!(
|
|
253
|
+
}, F = T ? `${ee(y.from)} – ${ee(y.to)}` : He(k) || n, se = S.useMemo(() => {
|
|
254
|
+
const u = !!(A || z), ce = {
|
|
274
255
|
// Use the id DataTable2's `ACTION_COLUMN_ID` recognises so this column is
|
|
275
256
|
// pinned to the right edge, locked from drag-reorder, and hidden from the
|
|
276
257
|
// column picker (the toggle pill has no header label).
|
|
@@ -279,9 +260,9 @@ function lt({
|
|
|
279
260
|
width: u ? 200 : 117,
|
|
280
261
|
sortable: !1,
|
|
281
262
|
filterable: !1,
|
|
282
|
-
render: (
|
|
283
|
-
const he = M.enabled === void 0 ? !0 : !!M.enabled,
|
|
284
|
-
return !
|
|
263
|
+
render: (Me, M) => {
|
|
264
|
+
const he = M.enabled === void 0 ? !0 : !!M.enabled, Q = v || x || b;
|
|
265
|
+
return !Q && !u ? null : /* @__PURE__ */ l(
|
|
285
266
|
"div",
|
|
286
267
|
{
|
|
287
268
|
style: {
|
|
@@ -292,7 +273,7 @@ function lt({
|
|
|
292
273
|
justifyContent: "flex-end"
|
|
293
274
|
},
|
|
294
275
|
children: [
|
|
295
|
-
|
|
276
|
+
Q && /* @__PURE__ */ e(
|
|
296
277
|
je,
|
|
297
278
|
{
|
|
298
279
|
value: he,
|
|
@@ -302,12 +283,12 @@ function lt({
|
|
|
302
283
|
}
|
|
303
284
|
),
|
|
304
285
|
u && /* @__PURE__ */ l("span", { className: "cdr-reports-row-actions", style: { display: "inline-flex", gap: 12 }, children: [
|
|
305
|
-
|
|
286
|
+
A && /* @__PURE__ */ e(
|
|
306
287
|
te,
|
|
307
288
|
{
|
|
308
289
|
icon: ye,
|
|
309
|
-
label:
|
|
310
|
-
onClick: () =>
|
|
290
|
+
label: D,
|
|
291
|
+
onClick: () => A(M)
|
|
311
292
|
}
|
|
312
293
|
),
|
|
313
294
|
z && /* @__PURE__ */ e(
|
|
@@ -330,9 +311,9 @@ function lt({
|
|
|
330
311
|
b,
|
|
331
312
|
v,
|
|
332
313
|
x,
|
|
333
|
-
$,
|
|
334
|
-
z,
|
|
335
314
|
A,
|
|
315
|
+
z,
|
|
316
|
+
D,
|
|
336
317
|
m
|
|
337
318
|
]);
|
|
338
319
|
return /* @__PURE__ */ l(
|
|
@@ -414,12 +395,12 @@ function lt({
|
|
|
414
395
|
$e,
|
|
415
396
|
{
|
|
416
397
|
label: u.label,
|
|
417
|
-
active: !T && u.id ===
|
|
398
|
+
active: !T && u.id === k,
|
|
418
399
|
onClick: () => g(u.id)
|
|
419
400
|
},
|
|
420
401
|
u.id
|
|
421
402
|
)),
|
|
422
|
-
E || /* @__PURE__ */ e(
|
|
403
|
+
E || /* @__PURE__ */ e(We, { value: y, onChange: V }),
|
|
423
404
|
o && /* @__PURE__ */ l(
|
|
424
405
|
"button",
|
|
425
406
|
{
|
|
@@ -467,7 +448,7 @@ function lt({
|
|
|
467
448
|
whiteSpace: "nowrap"
|
|
468
449
|
},
|
|
469
450
|
children: [
|
|
470
|
-
/* @__PURE__ */ e(
|
|
451
|
+
/* @__PURE__ */ e(le, { size: 20, strokeWidth: 1.75 }),
|
|
471
452
|
h
|
|
472
453
|
]
|
|
473
454
|
}
|
|
@@ -479,26 +460,26 @@ function lt({
|
|
|
479
460
|
/* @__PURE__ */ e(
|
|
480
461
|
Fe,
|
|
481
462
|
{
|
|
482
|
-
data:
|
|
463
|
+
data: Z,
|
|
483
464
|
columns: se,
|
|
484
|
-
initialPageSize:
|
|
465
|
+
initialPageSize: $,
|
|
485
466
|
onRowClick: W,
|
|
486
467
|
onVisibleColumnsChange: C,
|
|
487
468
|
hideColumnPicker: !0,
|
|
488
|
-
totalCount:
|
|
489
|
-
page:
|
|
490
|
-
pageSize:
|
|
469
|
+
totalCount: N,
|
|
470
|
+
page: _,
|
|
471
|
+
pageSize: q,
|
|
491
472
|
onPageChange: U,
|
|
492
|
-
onPageSizeChange:
|
|
473
|
+
onPageSizeChange: J
|
|
493
474
|
}
|
|
494
475
|
),
|
|
495
476
|
/* @__PURE__ */ e(
|
|
496
|
-
|
|
477
|
+
Ce,
|
|
497
478
|
{
|
|
498
479
|
open: !!R,
|
|
499
|
-
title:
|
|
500
|
-
content:
|
|
501
|
-
primaryLabel:
|
|
480
|
+
title: j,
|
|
481
|
+
content: O,
|
|
482
|
+
primaryLabel: B,
|
|
502
483
|
secondaryLabel: m,
|
|
503
484
|
onPrimary: () => I(null),
|
|
504
485
|
onSecondary: () => {
|
|
@@ -532,15 +513,15 @@ const i = {
|
|
|
532
513
|
hoverGrey: "var(--surface-hover)"
|
|
533
514
|
}, a = "var(--font-sans, 'Averta', ui-sans-serif, system-ui, sans-serif)", ie = "Varta, var(--font-sans, sans-serif)";
|
|
534
515
|
function de({ as: t = "span", text: r, style: n, ...d }) {
|
|
535
|
-
const o =
|
|
536
|
-
return
|
|
516
|
+
const o = S.useRef(null), [s, h] = S.useState(!1);
|
|
517
|
+
return S.useEffect(() => {
|
|
537
518
|
const p = o.current;
|
|
538
519
|
if (!p)
|
|
539
520
|
return;
|
|
540
|
-
const
|
|
541
|
-
if (
|
|
521
|
+
const k = () => h(p.scrollWidth > p.clientWidth);
|
|
522
|
+
if (k(), typeof ResizeObserver > "u")
|
|
542
523
|
return;
|
|
543
|
-
const f = new ResizeObserver(
|
|
524
|
+
const f = new ResizeObserver(k);
|
|
544
525
|
return f.observe(p), () => f.disconnect();
|
|
545
526
|
}, [r]), /* @__PURE__ */ e(
|
|
546
527
|
t,
|
|
@@ -577,17 +558,17 @@ function Be(t) {
|
|
|
577
558
|
return `${n} at ${d}`;
|
|
578
559
|
}
|
|
579
560
|
const Ne = {
|
|
580
|
-
active:
|
|
561
|
+
active: X,
|
|
581
562
|
paused: oe,
|
|
582
|
-
suspended:
|
|
563
|
+
suspended: re
|
|
583
564
|
};
|
|
584
565
|
function ae({ value: t, size: r = 20 }) {
|
|
585
566
|
if (t == null || t === "")
|
|
586
567
|
return null;
|
|
587
|
-
const n = Ne[String(t).toLowerCase()] ||
|
|
568
|
+
const n = Ne[String(t).toLowerCase()] || X;
|
|
588
569
|
return /* @__PURE__ */ e(n, { size: r, strokeWidth: 1.5, style: { color: i.ink } });
|
|
589
570
|
}
|
|
590
|
-
function
|
|
571
|
+
function _e({ value: t }) {
|
|
591
572
|
return t == null || t === "" ? null : /* @__PURE__ */ l(
|
|
592
573
|
"span",
|
|
593
574
|
{
|
|
@@ -607,7 +588,7 @@ function Ue({ value: t }) {
|
|
|
607
588
|
}
|
|
608
589
|
);
|
|
609
590
|
}
|
|
610
|
-
function
|
|
591
|
+
function Ue({ item: t, selected: r, onClick: n }) {
|
|
611
592
|
return /* @__PURE__ */ l(
|
|
612
593
|
"button",
|
|
613
594
|
{
|
|
@@ -674,7 +655,7 @@ function Ge({ item: t, selected: r, onClick: n }) {
|
|
|
674
655
|
}
|
|
675
656
|
);
|
|
676
657
|
}
|
|
677
|
-
function
|
|
658
|
+
function K({ label: t, active: r = !1, disabled: n = !1, onClick: d, leading: o, trailing: s }) {
|
|
678
659
|
return /* @__PURE__ */ l(
|
|
679
660
|
"button",
|
|
680
661
|
{
|
|
@@ -707,7 +688,7 @@ function Q({ label: t, active: r = !1, disabled: n = !1, onClick: d, leading: o,
|
|
|
707
688
|
}
|
|
708
689
|
);
|
|
709
690
|
}
|
|
710
|
-
function
|
|
691
|
+
function Ge({
|
|
711
692
|
page: t = 1,
|
|
712
693
|
totalPages: r = 1,
|
|
713
694
|
onPageChange: n,
|
|
@@ -728,7 +709,7 @@ function Pe({
|
|
|
728
709
|
},
|
|
729
710
|
children: [
|
|
730
711
|
/* @__PURE__ */ e(
|
|
731
|
-
|
|
712
|
+
K,
|
|
732
713
|
{
|
|
733
714
|
label: d,
|
|
734
715
|
leading: /* @__PURE__ */ e(ze, { size: 12, strokeWidth: 1.75 }),
|
|
@@ -737,7 +718,7 @@ function Pe({
|
|
|
737
718
|
}
|
|
738
719
|
),
|
|
739
720
|
s.map((h) => /* @__PURE__ */ e(
|
|
740
|
-
|
|
721
|
+
K,
|
|
741
722
|
{
|
|
742
723
|
label: String(h),
|
|
743
724
|
active: h === t,
|
|
@@ -746,7 +727,7 @@ function Pe({
|
|
|
746
727
|
h
|
|
747
728
|
)),
|
|
748
729
|
/* @__PURE__ */ e(
|
|
749
|
-
|
|
730
|
+
K,
|
|
750
731
|
{
|
|
751
732
|
label: o,
|
|
752
733
|
trailing: /* @__PURE__ */ e(Ie, { size: 12, strokeWidth: 1.75 }),
|
|
@@ -775,7 +756,7 @@ function ne({ children: t }) {
|
|
|
775
756
|
}
|
|
776
757
|
);
|
|
777
758
|
}
|
|
778
|
-
function
|
|
759
|
+
function Pe({ columns: t, rows: r, totalRow: n }) {
|
|
779
760
|
if (!(t != null && t.length))
|
|
780
761
|
return null;
|
|
781
762
|
const d = {
|
|
@@ -840,7 +821,7 @@ function Re({ columns: t, rows: r, totalRow: n }) {
|
|
|
840
821
|
}
|
|
841
822
|
);
|
|
842
823
|
}
|
|
843
|
-
const
|
|
824
|
+
const Re = [
|
|
844
825
|
{ id: "location", label: "Location", width: 242, align: "left" },
|
|
845
826
|
{ id: "calls", label: "Calls", width: 90, align: "right" },
|
|
846
827
|
{ id: "percentOfTotal", label: "% of Total", width: 90, align: "right" },
|
|
@@ -848,7 +829,7 @@ const Me = [
|
|
|
848
829
|
{ id: "inbound", label: "Inbound", width: 90, align: "right" },
|
|
849
830
|
{ id: "client", label: "Client", width: 90, align: "right" }
|
|
850
831
|
];
|
|
851
|
-
function
|
|
832
|
+
function rt({
|
|
852
833
|
className: t = "",
|
|
853
834
|
// Header
|
|
854
835
|
reportTitle: r = "",
|
|
@@ -862,17 +843,17 @@ function ot({
|
|
|
862
843
|
// `previousReportsTitle` prop passed by older host apps is intentionally
|
|
863
844
|
// ignored so the design stays consistent across consumers.
|
|
864
845
|
previousReports: p = [],
|
|
865
|
-
selectedReportId:
|
|
846
|
+
selectedReportId: k = null,
|
|
866
847
|
onSelectReport: f,
|
|
867
848
|
previousReportsPage: E = 1,
|
|
868
849
|
previousReportsTotalPages: L = 1,
|
|
869
850
|
onPreviousReportsPageChange: w,
|
|
870
851
|
// Labels for the back / next chips in the sidebar paginator. Empty by
|
|
871
852
|
// default so host apps don't see library demo copy.
|
|
872
|
-
paginationBackLabel:
|
|
853
|
+
paginationBackLabel: Z = "",
|
|
873
854
|
paginationNextLabel: Y = "",
|
|
874
855
|
// Right column — header row
|
|
875
|
-
reportSubtitle:
|
|
856
|
+
reportSubtitle: $ = "",
|
|
876
857
|
dateLabel: W = "",
|
|
877
858
|
dateValue: C = "",
|
|
878
859
|
status: b = "",
|
|
@@ -882,25 +863,25 @@ function ot({
|
|
|
882
863
|
// button. Hosts control it because the actual clipboard write happens in
|
|
883
864
|
// their `onShare` callback — they flip this prop to true on success and
|
|
884
865
|
// back to false after the auto-dismiss timer fires.
|
|
885
|
-
shareCopied:
|
|
866
|
+
shareCopied: A = !1,
|
|
886
867
|
shareCopiedLabel: z = "Link copied",
|
|
887
868
|
// PDF download. Rendered as a chip matching the Share button, immediately
|
|
888
869
|
// before Share. Hidden when `pdfLabel` is empty or `onPdf` is null. The
|
|
889
870
|
// host owns the actual print-to-PDF wiring (typically `window.print()`
|
|
890
871
|
// with `document.title` swapped to the desired filename).
|
|
891
|
-
pdfLabel:
|
|
872
|
+
pdfLabel: D = "",
|
|
892
873
|
onPdf: m,
|
|
893
874
|
// Summary card
|
|
894
|
-
summaryTitle:
|
|
895
|
-
summaryBody:
|
|
875
|
+
summaryTitle: j = "",
|
|
876
|
+
summaryBody: O = "",
|
|
896
877
|
// Intro block
|
|
897
|
-
introBold:
|
|
898
|
-
introMeta:
|
|
878
|
+
introBold: B = "",
|
|
879
|
+
introMeta: N = "",
|
|
899
880
|
// Distribution section
|
|
900
|
-
distributionTitle:
|
|
901
|
-
distributionColumns:
|
|
881
|
+
distributionTitle: _ = "",
|
|
882
|
+
distributionColumns: q = Re,
|
|
902
883
|
distributionRows: U = [],
|
|
903
|
-
distributionTotalRow:
|
|
884
|
+
distributionTotalRow: J,
|
|
904
885
|
// Observations section
|
|
905
886
|
observationsTitle: G = "",
|
|
906
887
|
observations: P = [],
|
|
@@ -913,7 +894,7 @@ function ot({
|
|
|
913
894
|
// the sidebar instead of leaving a tall gap below the two-column body.
|
|
914
895
|
rightColumnExtra: y = null
|
|
915
896
|
}) {
|
|
916
|
-
const [T, V] =
|
|
897
|
+
const [T, V] = S.useState(!1);
|
|
917
898
|
return /* @__PURE__ */ l(
|
|
918
899
|
"div",
|
|
919
900
|
{
|
|
@@ -1044,7 +1025,7 @@ function ot({
|
|
|
1044
1025
|
flexShrink: 0
|
|
1045
1026
|
},
|
|
1046
1027
|
children: [
|
|
1047
|
-
/* @__PURE__ */ e(
|
|
1028
|
+
/* @__PURE__ */ e(le, { size: 20, strokeWidth: 1.75 }),
|
|
1048
1029
|
h
|
|
1049
1030
|
]
|
|
1050
1031
|
}
|
|
@@ -1121,28 +1102,28 @@ function ot({
|
|
|
1121
1102
|
cursor: "pointer",
|
|
1122
1103
|
color: i.ink
|
|
1123
1104
|
},
|
|
1124
|
-
children: /* @__PURE__ */ e(
|
|
1105
|
+
children: /* @__PURE__ */ e(ke, { size: 16, strokeWidth: 1.75 })
|
|
1125
1106
|
}
|
|
1126
1107
|
)
|
|
1127
1108
|
]
|
|
1128
1109
|
}
|
|
1129
1110
|
),
|
|
1130
1111
|
/* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: p.map((g, F) => /* @__PURE__ */ e(
|
|
1131
|
-
|
|
1112
|
+
Ue,
|
|
1132
1113
|
{
|
|
1133
1114
|
item: g,
|
|
1134
|
-
selected: g.id != null && g.id ===
|
|
1115
|
+
selected: g.id != null && g.id === k,
|
|
1135
1116
|
onClick: f ? () => f(g) : void 0
|
|
1136
1117
|
},
|
|
1137
1118
|
g.id ?? F
|
|
1138
1119
|
)) }),
|
|
1139
1120
|
L > 1 && /* @__PURE__ */ e(
|
|
1140
|
-
|
|
1121
|
+
Ge,
|
|
1141
1122
|
{
|
|
1142
1123
|
page: E,
|
|
1143
1124
|
totalPages: L,
|
|
1144
1125
|
onPageChange: w,
|
|
1145
|
-
backLabel:
|
|
1126
|
+
backLabel: Z,
|
|
1146
1127
|
nextLabel: Y
|
|
1147
1128
|
}
|
|
1148
1129
|
)
|
|
@@ -1160,7 +1141,7 @@ function ot({
|
|
|
1160
1141
|
gap: 16
|
|
1161
1142
|
},
|
|
1162
1143
|
children: [
|
|
1163
|
-
(T ||
|
|
1144
|
+
(T || $ || W || C || b || v) && /* @__PURE__ */ l(
|
|
1164
1145
|
"div",
|
|
1165
1146
|
{
|
|
1166
1147
|
style: {
|
|
@@ -1174,7 +1155,7 @@ function ot({
|
|
|
1174
1155
|
width: "100%"
|
|
1175
1156
|
},
|
|
1176
1157
|
children: [
|
|
1177
|
-
(T ||
|
|
1158
|
+
(T || $) && /* @__PURE__ */ l(
|
|
1178
1159
|
"div",
|
|
1179
1160
|
{
|
|
1180
1161
|
style: {
|
|
@@ -1211,14 +1192,14 @@ function ot({
|
|
|
1211
1192
|
},
|
|
1212
1193
|
children: [
|
|
1213
1194
|
"History",
|
|
1214
|
-
/* @__PURE__ */ e(
|
|
1195
|
+
/* @__PURE__ */ e(Se, { size: 16, strokeWidth: 1.75 })
|
|
1215
1196
|
]
|
|
1216
1197
|
}
|
|
1217
1198
|
),
|
|
1218
|
-
|
|
1199
|
+
$ && /* @__PURE__ */ e(
|
|
1219
1200
|
de,
|
|
1220
1201
|
{
|
|
1221
|
-
text:
|
|
1202
|
+
text: $,
|
|
1222
1203
|
style: {
|
|
1223
1204
|
flex: 1,
|
|
1224
1205
|
minWidth: 0,
|
|
@@ -1233,7 +1214,7 @@ function ot({
|
|
|
1233
1214
|
]
|
|
1234
1215
|
}
|
|
1235
1216
|
),
|
|
1236
|
-
(W || C || b || v ||
|
|
1217
|
+
(W || C || b || v || D) && /* @__PURE__ */ l(
|
|
1237
1218
|
"div",
|
|
1238
1219
|
{
|
|
1239
1220
|
style: {
|
|
@@ -1308,13 +1289,13 @@ function ot({
|
|
|
1308
1289
|
paddingLeft: 16,
|
|
1309
1290
|
borderLeft: `1px solid ${i.border}`
|
|
1310
1291
|
},
|
|
1311
|
-
children: /* @__PURE__ */ e(
|
|
1292
|
+
children: /* @__PURE__ */ e(_e, { value: b })
|
|
1312
1293
|
}
|
|
1313
1294
|
)
|
|
1314
1295
|
]
|
|
1315
1296
|
}
|
|
1316
1297
|
),
|
|
1317
|
-
|
|
1298
|
+
D && /* @__PURE__ */ e("div", { "data-print-hide": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ l(
|
|
1318
1299
|
"button",
|
|
1319
1300
|
{
|
|
1320
1301
|
type: "button",
|
|
@@ -1343,7 +1324,7 @@ function ot({
|
|
|
1343
1324
|
},
|
|
1344
1325
|
children: [
|
|
1345
1326
|
/* @__PURE__ */ e(we, { size: 16, strokeWidth: 1.5 }),
|
|
1346
|
-
|
|
1327
|
+
D
|
|
1347
1328
|
]
|
|
1348
1329
|
}
|
|
1349
1330
|
) }),
|
|
@@ -1379,7 +1360,7 @@ function ot({
|
|
|
1379
1360
|
]
|
|
1380
1361
|
}
|
|
1381
1362
|
),
|
|
1382
|
-
|
|
1363
|
+
A && /* @__PURE__ */ l(
|
|
1383
1364
|
"div",
|
|
1384
1365
|
{
|
|
1385
1366
|
role: "status",
|
|
@@ -1423,7 +1404,7 @@ function ot({
|
|
|
1423
1404
|
]
|
|
1424
1405
|
}
|
|
1425
1406
|
),
|
|
1426
|
-
(
|
|
1407
|
+
(j || O) && /* @__PURE__ */ l(
|
|
1427
1408
|
"div",
|
|
1428
1409
|
{
|
|
1429
1410
|
style: {
|
|
@@ -1436,7 +1417,7 @@ function ot({
|
|
|
1436
1417
|
gap: 12
|
|
1437
1418
|
},
|
|
1438
1419
|
children: [
|
|
1439
|
-
|
|
1420
|
+
j && /* @__PURE__ */ e(
|
|
1440
1421
|
"span",
|
|
1441
1422
|
{
|
|
1442
1423
|
style: {
|
|
@@ -1446,10 +1427,10 @@ function ot({
|
|
|
1446
1427
|
color: i.ink,
|
|
1447
1428
|
lineHeight: 1.2
|
|
1448
1429
|
},
|
|
1449
|
-
children:
|
|
1430
|
+
children: j
|
|
1450
1431
|
}
|
|
1451
1432
|
),
|
|
1452
|
-
|
|
1433
|
+
O && /* @__PURE__ */ e(
|
|
1453
1434
|
"p",
|
|
1454
1435
|
{
|
|
1455
1436
|
style: {
|
|
@@ -1459,14 +1440,14 @@ function ot({
|
|
|
1459
1440
|
margin: 0,
|
|
1460
1441
|
lineHeight: 1.5
|
|
1461
1442
|
},
|
|
1462
|
-
children:
|
|
1443
|
+
children: O
|
|
1463
1444
|
}
|
|
1464
1445
|
)
|
|
1465
1446
|
]
|
|
1466
1447
|
}
|
|
1467
1448
|
),
|
|
1468
|
-
(
|
|
1469
|
-
|
|
1449
|
+
(B || N) && /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
|
|
1450
|
+
B && /* @__PURE__ */ e(
|
|
1470
1451
|
"p",
|
|
1471
1452
|
{
|
|
1472
1453
|
style: {
|
|
@@ -1477,10 +1458,10 @@ function ot({
|
|
|
1477
1458
|
margin: 0,
|
|
1478
1459
|
lineHeight: 1.5
|
|
1479
1460
|
},
|
|
1480
|
-
children:
|
|
1461
|
+
children: B
|
|
1481
1462
|
}
|
|
1482
1463
|
),
|
|
1483
|
-
|
|
1464
|
+
N && /* @__PURE__ */ e(
|
|
1484
1465
|
"p",
|
|
1485
1466
|
{
|
|
1486
1467
|
style: {
|
|
@@ -1490,18 +1471,18 @@ function ot({
|
|
|
1490
1471
|
margin: 0,
|
|
1491
1472
|
lineHeight: 1.5
|
|
1492
1473
|
},
|
|
1493
|
-
children:
|
|
1474
|
+
children: N
|
|
1494
1475
|
}
|
|
1495
1476
|
)
|
|
1496
1477
|
] }),
|
|
1497
|
-
(
|
|
1498
|
-
|
|
1478
|
+
(_ || U.length > 0) && /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
|
|
1479
|
+
_ && /* @__PURE__ */ e(ne, { children: _ }),
|
|
1499
1480
|
U.length > 0 && /* @__PURE__ */ e(
|
|
1500
|
-
|
|
1481
|
+
Pe,
|
|
1501
1482
|
{
|
|
1502
|
-
columns:
|
|
1483
|
+
columns: q,
|
|
1503
1484
|
rows: U,
|
|
1504
|
-
totalRow:
|
|
1485
|
+
totalRow: J
|
|
1505
1486
|
}
|
|
1506
1487
|
)
|
|
1507
1488
|
] }),
|
|
@@ -1566,9 +1547,9 @@ function ot({
|
|
|
1566
1547
|
);
|
|
1567
1548
|
}
|
|
1568
1549
|
export {
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1550
|
+
Re as DEFAULT_DISTRIBUTION_COLUMNS,
|
|
1551
|
+
Oe as DEFAULT_REPORTS_COLUMNS,
|
|
1552
|
+
rt as ReportsDetails,
|
|
1572
1553
|
lt as ReportsList
|
|
1573
1554
|
};
|
|
1574
1555
|
//# sourceMappingURL=reports.es.js.map
|