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.
Files changed (48) hide show
  1. package/dist/DataTable2.cjs.js +1 -1
  2. package/dist/DataTable2.cjs.js.map +1 -1
  3. package/dist/DataTable2.es.js +611 -604
  4. package/dist/DataTable2.es.js.map +1 -1
  5. package/dist/PerformancePanel.cjs.js +1 -1
  6. package/dist/PerformancePanel.cjs.js.map +1 -1
  7. package/dist/PerformancePanel.es.js +1068 -816
  8. package/dist/PerformancePanel.es.js.map +1 -1
  9. package/dist/SupervisorSelect.cjs.js +2 -0
  10. package/dist/SupervisorSelect.cjs.js.map +1 -0
  11. package/dist/SupervisorSelect.es.js +352 -0
  12. package/dist/SupervisorSelect.es.js.map +1 -0
  13. package/dist/components/Signals.cjs.js +1 -1
  14. package/dist/components/Signals.cjs.js.map +1 -1
  15. package/dist/components/Signals.es.js +273 -318
  16. package/dist/components/Signals.es.js.map +1 -1
  17. package/dist/components/UpdatedInteractionDetails.cjs.js +3 -3
  18. package/dist/components/UpdatedInteractionDetails.cjs.js.map +1 -1
  19. package/dist/components/UpdatedInteractionDetails.es.js +98 -92
  20. package/dist/components/UpdatedInteractionDetails.es.js.map +1 -1
  21. package/dist/components/performance.cjs.js +1 -1
  22. package/dist/components/performance.cjs.js.map +1 -1
  23. package/dist/components/performance.es.js +116 -349
  24. package/dist/components/performance.es.js.map +1 -1
  25. package/dist/components/reports.cjs.js +2 -2
  26. package/dist/components/reports.cjs.js.map +1 -1
  27. package/dist/components/reports.es.js +122 -141
  28. package/dist/components/reports.es.js.map +1 -1
  29. package/dist/index.cjs.js +1 -1
  30. package/dist/index.es.js +1 -1
  31. package/dist/pages/interactionDetails.cjs.js +2 -2
  32. package/dist/pages/interactionDetails.cjs.js.map +1 -1
  33. package/dist/pages/interactionDetails.es.js +130 -124
  34. package/dist/pages/interactionDetails.es.js.map +1 -1
  35. package/package.json +1 -1
  36. package/src/components/Signals/SignalDetailsPage.jsx +2 -29
  37. package/src/components/Signals/SignalsListPage.jsx +2 -24
  38. package/src/components/UpdatedInteractionDetails/UpdatedCoachingSynthesisCard.jsx +8 -1
  39. package/src/components/data/DataTable2.jsx +19 -5
  40. package/src/components/pages/interactionDetails/CoachingSynthesisCard.jsx +8 -1
  41. package/src/components/performance/PerformanceDetailsPage.jsx +230 -75
  42. package/src/components/performance/PerformancePanel.jsx +42 -45
  43. package/src/components/performance/index.js +27 -0
  44. package/src/components/performance/performanceApiMap.js +133 -0
  45. package/src/components/performance/performanceMetrics.js +63 -0
  46. package/src/components/performance/performanceRangeFormat.js +92 -0
  47. package/src/components/performance/performanceSparkline.js +52 -0
  48. 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 k from "react";
3
- import { CalendarDays as ue, Download as fe, Plus as re, Pencil as ye, Trash2 as ge, CloudCheck as Z, GlobeX as be, Ban as le, CirclePause as oe, ArrowLeft as xe, Settings2 as me, PanelLeftClose as Se, PanelLeftOpen as ke, FileDown as we, Share2 as ve, ChevronLeft as ze, ChevronRight as Ie } from "lucide-react";
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 We } from "../ConfirmationPopup.es.js";
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)", Ce = [
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
- ], Te = {
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: Z,
55
+ active: X,
75
56
  failed: be,
76
- suspended: le,
57
+ suspended: re,
77
58
  paused: oe
78
59
  };
79
- function Le({ value: t }) {
60
+ function De({ value: t }) {
80
61
  if (t == null || t === "")
81
62
  return null;
82
- const r = String(t).toLowerCase(), n = Ae[r] || Z;
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 Oe({ enabled: t }) {
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] = k.useState(o);
168
- k.useEffect(() => {
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: (S) => {
177
- S.stopPropagation();
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(Oe, { enabled: s }),
178
+ /* @__PURE__ */ e(Le, { enabled: s }),
198
179
  p
199
180
  ]
200
181
  }
201
182
  );
202
183
  }
203
- const _e = [
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(Le, { value: t })
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 = Ce,
228
- selectedWindow: S = "30d",
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: q = [],
236
- reportColumns: Y = _e,
237
- initialPageSize: D = 10,
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: A = "Edit",
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: O = "Delete Report",
259
- deleteConfirmMessage: j = "Do you really want to delete this report? This action cannot be undone.",
260
- deleteConfirmCancelLabel: _ = "Cancel",
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: B = null,
263
- reportsPage: N = null,
264
- reportsPageSize: J = null,
243
+ reportsTotal: N = null,
244
+ reportsPage: _ = null,
245
+ reportsPageSize: q = null,
265
246
  onReportsPageChange: U,
266
- onReportsPageSizeChange: K
247
+ onReportsPageSizeChange: J
267
248
  }) {
268
- const [G, P] = k.useState(null), [R, I] = k.useState(null), y = L !== void 0 ? L : G, T = !!(y != null && y.from && (y != null && y.to)), V = (u) => {
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 ? `${X(y.from)} – ${X(y.to)}` : n || De(S), se = k.useMemo(() => {
273
- const u = !!($ || z), ce = {
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: (Ee, M) => {
283
- const he = M.enabled === void 0 ? !0 : !!M.enabled, ee = v || x || b;
284
- return !ee && !u ? null : /* @__PURE__ */ l(
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
- ee && /* @__PURE__ */ e(
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
- $ && /* @__PURE__ */ e(
286
+ A && /* @__PURE__ */ e(
306
287
  te,
307
288
  {
308
289
  icon: ye,
309
- label: A,
310
- onClick: () => $(M)
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 === S,
398
+ active: !T && u.id === k,
418
399
  onClick: () => g(u.id)
419
400
  },
420
401
  u.id
421
402
  )),
422
- E || /* @__PURE__ */ e(He, { value: y, onChange: V }),
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(re, { size: 20, strokeWidth: 1.75 }),
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: q,
463
+ data: Z,
483
464
  columns: se,
484
- initialPageSize: D,
465
+ initialPageSize: $,
485
466
  onRowClick: W,
486
467
  onVisibleColumnsChange: C,
487
468
  hideColumnPicker: !0,
488
- totalCount: B,
489
- page: N,
490
- pageSize: J,
469
+ totalCount: N,
470
+ page: _,
471
+ pageSize: q,
491
472
  onPageChange: U,
492
- onPageSizeChange: K
473
+ onPageSizeChange: J
493
474
  }
494
475
  ),
495
476
  /* @__PURE__ */ e(
496
- We,
477
+ Ce,
497
478
  {
498
479
  open: !!R,
499
- title: O,
500
- content: j,
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 = k.useRef(null), [s, h] = k.useState(!1);
536
- return k.useEffect(() => {
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 S = () => h(p.scrollWidth > p.clientWidth);
541
- if (S(), typeof ResizeObserver > "u")
521
+ const k = () => h(p.scrollWidth > p.clientWidth);
522
+ if (k(), typeof ResizeObserver > "u")
542
523
  return;
543
- const f = new ResizeObserver(S);
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: Z,
561
+ active: X,
581
562
  paused: oe,
582
- suspended: le
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()] || Z;
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 Ue({ value: t }) {
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 Ge({ item: t, selected: r, onClick: n }) {
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 Q({ label: t, active: r = !1, disabled: n = !1, onClick: d, leading: o, trailing: s }) {
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 Pe({
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
- Q,
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
- Q,
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
- Q,
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 Re({ columns: t, rows: r, totalRow: n }) {
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 Me = [
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 ot({
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: S = null,
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: q = "",
853
+ paginationBackLabel: Z = "",
873
854
  paginationNextLabel: Y = "",
874
855
  // Right column — header row
875
- reportSubtitle: D = "",
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: $ = !1,
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: A = "",
872
+ pdfLabel: D = "",
892
873
  onPdf: m,
893
874
  // Summary card
894
- summaryTitle: O = "",
895
- summaryBody: j = "",
875
+ summaryTitle: j = "",
876
+ summaryBody: O = "",
896
877
  // Intro block
897
- introBold: _ = "",
898
- introMeta: B = "",
878
+ introBold: B = "",
879
+ introMeta: N = "",
899
880
  // Distribution section
900
- distributionTitle: N = "",
901
- distributionColumns: J = Me,
881
+ distributionTitle: _ = "",
882
+ distributionColumns: q = Re,
902
883
  distributionRows: U = [],
903
- distributionTotalRow: K,
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] = k.useState(!1);
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(re, { size: 20, strokeWidth: 1.75 }),
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(Se, { size: 16, strokeWidth: 1.75 })
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
- Ge,
1112
+ Ue,
1132
1113
  {
1133
1114
  item: g,
1134
- selected: g.id != null && g.id === S,
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
- Pe,
1121
+ Ge,
1141
1122
  {
1142
1123
  page: E,
1143
1124
  totalPages: L,
1144
1125
  onPageChange: w,
1145
- backLabel: q,
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 || D || W || C || b || v) && /* @__PURE__ */ l(
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 || D) && /* @__PURE__ */ l(
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(ke, { size: 16, strokeWidth: 1.75 })
1195
+ /* @__PURE__ */ e(Se, { size: 16, strokeWidth: 1.75 })
1215
1196
  ]
1216
1197
  }
1217
1198
  ),
1218
- D && /* @__PURE__ */ e(
1199
+ $ && /* @__PURE__ */ e(
1219
1200
  de,
1220
1201
  {
1221
- text: D,
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 || A) && /* @__PURE__ */ l(
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(Ue, { value: b })
1292
+ children: /* @__PURE__ */ e(_e, { value: b })
1312
1293
  }
1313
1294
  )
1314
1295
  ]
1315
1296
  }
1316
1297
  ),
1317
- A && /* @__PURE__ */ e("div", { "data-print-hide": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ l(
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
- A
1327
+ D
1347
1328
  ]
1348
1329
  }
1349
1330
  ) }),
@@ -1379,7 +1360,7 @@ function ot({
1379
1360
  ]
1380
1361
  }
1381
1362
  ),
1382
- $ && /* @__PURE__ */ l(
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
- (O || j) && /* @__PURE__ */ l(
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
- O && /* @__PURE__ */ e(
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: O
1430
+ children: j
1450
1431
  }
1451
1432
  ),
1452
- j && /* @__PURE__ */ e(
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: j
1443
+ children: O
1463
1444
  }
1464
1445
  )
1465
1446
  ]
1466
1447
  }
1467
1448
  ),
1468
- (_ || B) && /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
1469
- _ && /* @__PURE__ */ e(
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
- B && /* @__PURE__ */ e(
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: B
1474
+ children: N
1494
1475
  }
1495
1476
  )
1496
1477
  ] }),
1497
- (N || U.length > 0) && /* @__PURE__ */ l("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
1498
- N && /* @__PURE__ */ e(ne, { children: N }),
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
- Re,
1481
+ Pe,
1501
1482
  {
1502
- columns: J,
1483
+ columns: q,
1503
1484
  rows: U,
1504
- totalRow: K
1485
+ totalRow: J
1505
1486
  }
1506
1487
  )
1507
1488
  ] }),
@@ -1566,9 +1547,9 @@ function ot({
1566
1547
  );
1567
1548
  }
1568
1549
  export {
1569
- Me as DEFAULT_DISTRIBUTION_COLUMNS,
1570
- _e as DEFAULT_REPORTS_COLUMNS,
1571
- ot as ReportsDetails,
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