@embeddable.com/remarkable-pro 0.0.25 → 0.0.27

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 (182) hide show
  1. package/dist/BarChartDefaultHorizontalPro.js +35 -24
  2. package/dist/BarChartDefaultHorizontalPro.js.map +1 -1
  3. package/dist/BarChartDefaultPro.js +38 -22
  4. package/dist/BarChartDefaultPro.js.map +1 -1
  5. package/dist/BarChartGroupedHorizontalPro.js +36 -28
  6. package/dist/BarChartGroupedHorizontalPro.js.map +1 -1
  7. package/dist/BarChartGroupedPro.js +36 -28
  8. package/dist/BarChartGroupedPro.js.map +1 -1
  9. package/dist/BarChartStackedHorizontalPro.js +31 -23
  10. package/dist/BarChartStackedHorizontalPro.js.map +1 -1
  11. package/dist/BarChartStackedPro.js +31 -23
  12. package/dist/BarChartStackedPro.js.map +1 -1
  13. package/dist/{ChartCard-BHPN4_tz.js → ChartCard-CfVMn37p.js} +21 -21
  14. package/dist/{ChartCard-BHPN4_tz.js.map → ChartCard-CfVMn37p.js.map} +1 -1
  15. package/dist/ChartGranularitySelectField-C_6Mugcw.js +40 -0
  16. package/dist/ChartGranularitySelectField-C_6Mugcw.js.map +1 -0
  17. package/dist/{Color.type.emb-DWdIUAm5.js → Color.type.emb-De2K8PVb.js} +2067 -2042
  18. package/dist/{Color.type.emb-DWdIUAm5.js.map → Color.type.emb-De2K8PVb.js.map} +1 -1
  19. package/dist/ColorEditor.js +1 -1
  20. package/dist/ComparisonPeriodSelectFieldPro.js +3 -3
  21. package/dist/DateRangePickerCustomPro.js +4 -4
  22. package/dist/DateRangeSelectFieldPro.js +3 -3
  23. package/dist/DimensionAndMeasureSingleSelectField-CJ1yAcRd.js +45 -0
  24. package/dist/DimensionAndMeasureSingleSelectField-CJ1yAcRd.js.map +1 -0
  25. package/dist/DimensionSingleSelectFieldPro.js +86 -0
  26. package/dist/DimensionSingleSelectFieldPro.js.map +1 -0
  27. package/dist/DonutChartPro.js +4 -4
  28. package/dist/DonutLabelChartPro.js +4 -4
  29. package/dist/{EditorCard-ZXwl5-DV.js → EditorCard-B9UFM_uA.js} +3 -3
  30. package/dist/{EditorCard-ZXwl5-DV.js.map → EditorCard-B9UFM_uA.js.map} +1 -1
  31. package/dist/GranularitySelectField-DuRk6qY8.js +104 -0
  32. package/dist/GranularitySelectField-DuRk6qY8.js.map +1 -0
  33. package/dist/GranularitySelectFieldPro.js +43 -137
  34. package/dist/GranularitySelectFieldPro.js.map +1 -1
  35. package/dist/HeatMapPro.js +4 -4
  36. package/dist/{IconCalendarFilled-Bl7kPqxG.js → IconCalendarFilled-CYiLMPm9.js} +2 -2
  37. package/dist/{IconCalendarFilled-Bl7kPqxG.js.map → IconCalendarFilled-CYiLMPm9.js.map} +1 -1
  38. package/dist/KpiChartNumberComparisonPro.js +4 -4
  39. package/dist/KpiChartNumberPro.js +4 -4
  40. package/dist/LineChartComparisonDefaultPro.js +45 -40
  41. package/dist/LineChartComparisonDefaultPro.js.map +1 -1
  42. package/dist/LineChartDefaultPro.js +37 -29
  43. package/dist/LineChartDefaultPro.js.map +1 -1
  44. package/dist/LineChartGroupedPro.js +31 -23
  45. package/dist/LineChartGroupedPro.js.map +1 -1
  46. package/dist/MeasureSingleSelectFieldPro.js +86 -0
  47. package/dist/MeasureSingleSelectFieldPro.js.map +1 -0
  48. package/dist/MultiSelectFieldPro.js +4 -4
  49. package/dist/PieChartPro.js +4 -4
  50. package/dist/PivotTablePro.js +4 -4
  51. package/dist/SingleSelectFieldPro.js +5 -5
  52. package/dist/SingleSelectFieldPro.js.map +1 -1
  53. package/dist/TableChartPaginated.js +4 -4
  54. package/dist/TableScrollable.js +17 -17
  55. package/dist/{bars.utils-DLqiVSYV.js → bars.utils-B088DNG-.js} +4 -4
  56. package/dist/{bars.utils-DLqiVSYV.js.map → bars.utils-B088DNG-.js.map} +1 -1
  57. package/dist/{charts.utils-lvlkFPJk.js → charts.utils-D8oW5W5r.js} +4 -4
  58. package/dist/{charts.utils-lvlkFPJk.js.map → charts.utils-D8oW5W5r.js.map} +1 -1
  59. package/dist/{component.inputs.constants-DO_jX-yc.js → component.inputs.constants-DzpzJ9Na.js} +476 -381
  60. package/dist/component.inputs.constants-DzpzJ9Na.js.map +1 -0
  61. package/dist/components/charts/bars/BarChartDefaultHorizontalPro/index.d.ts +2 -1
  62. package/dist/components/charts/bars/BarChartDefaultHorizontalPro/index.d.ts.map +1 -1
  63. package/dist/components/charts/bars/BarChartDefaultPro/index.d.ts +2 -1
  64. package/dist/components/charts/bars/BarChartDefaultPro/index.d.ts.map +1 -1
  65. package/dist/components/charts/bars/BarChartGroupedHorizontalPro/index.d.ts +2 -1
  66. package/dist/components/charts/bars/BarChartGroupedHorizontalPro/index.d.ts.map +1 -1
  67. package/dist/components/charts/bars/BarChartGroupedPro/index.d.ts +2 -1
  68. package/dist/components/charts/bars/BarChartGroupedPro/index.d.ts.map +1 -1
  69. package/dist/components/charts/bars/BarChartStackedHorizontalPro/index.d.ts +2 -1
  70. package/dist/components/charts/bars/BarChartStackedHorizontalPro/index.d.ts.map +1 -1
  71. package/dist/components/charts/bars/BarChartStackedPro/index.d.ts +2 -1
  72. package/dist/components/charts/bars/BarChartStackedPro/index.d.ts.map +1 -1
  73. package/dist/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts +2 -1
  74. package/dist/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map +1 -1
  75. package/dist/components/charts/lines/LineChartDefaultPro/index.d.ts +2 -1
  76. package/dist/components/charts/lines/LineChartDefaultPro/index.d.ts.map +1 -1
  77. package/dist/components/charts/lines/LineChartGroupedPro/index.d.ts +2 -1
  78. package/dist/components/charts/lines/LineChartGroupedPro/index.d.ts.map +1 -1
  79. package/dist/components/charts/shared/ChartGranularitySelectField/ChartGranularitySelectField.d.ts +9 -0
  80. package/dist/components/charts/shared/ChartGranularitySelectField/ChartGranularitySelectField.d.ts.map +1 -0
  81. package/dist/components/charts/utils/granularity.utils.d.ts +13 -0
  82. package/dist/components/charts/utils/granularity.utils.d.ts.map +1 -0
  83. package/dist/components/component.inputs.constants.d.ts +45 -0
  84. package/dist/components/component.inputs.constants.d.ts.map +1 -1
  85. package/dist/components/component.subinputs.constants.d.ts +18 -0
  86. package/dist/components/component.subinputs.constants.d.ts.map +1 -1
  87. package/dist/components/editors/DimensionSingleSelectFieldPro/index.d.ts +12 -0
  88. package/dist/components/editors/DimensionSingleSelectFieldPro/index.d.ts.map +1 -0
  89. package/dist/components/editors/GranularitySelectFieldPro/index.d.ts.map +1 -1
  90. package/dist/components/editors/MeasureSingleSelectFieldPro/index.d.ts +12 -0
  91. package/dist/components/editors/MeasureSingleSelectFieldPro/index.d.ts.map +1 -0
  92. package/dist/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.d.ts +11 -0
  93. package/dist/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.d.ts.map +1 -0
  94. package/dist/components/editors/shared/GranularitySelectField/GranularitySelectField.d.ts +12 -0
  95. package/dist/components/editors/shared/GranularitySelectField/GranularitySelectField.d.ts.map +1 -0
  96. package/dist/components/editors/{GranularitySelectFieldPro/GranularitySelectFieldPro.utils.d.ts → shared/GranularitySelectField/GranularitySelectField.utils.d.ts} +3 -3
  97. package/dist/components/editors/shared/GranularitySelectField/GranularitySelectField.utils.d.ts.map +1 -0
  98. package/dist/components/editors/utils/dimensionsAndMeasures.utils.d.ts +9 -0
  99. package/dist/components/editors/utils/dimensionsAndMeasures.utils.d.ts.map +1 -0
  100. package/dist/components/preview.data.constants.d.ts +1 -0
  101. package/dist/components/preview.data.constants.d.ts.map +1 -1
  102. package/dist/embeddable-components.json +26 -22
  103. package/dist/{formatter.utils-CBCUxVH8.js → formatter.utils-CiN6axbW.js} +8 -8
  104. package/dist/{formatter.utils-CBCUxVH8.js.map → formatter.utils-CiN6axbW.js.map} +1 -1
  105. package/dist/granularity.utils-CA504xa0.js +15 -0
  106. package/dist/granularity.utils-CA504xa0.js.map +1 -0
  107. package/dist/{index-DLT2A69c.js → index-7JWw7tI5.js} +5 -5
  108. package/dist/{index-DLT2A69c.js.map → index-7JWw7tI5.js.map} +1 -1
  109. package/dist/index-9WoT-_pt.js +83 -0
  110. package/dist/index-9WoT-_pt.js.map +1 -0
  111. package/dist/{index-BRX2mrGM.js → index-BCVHDZZk.js} +18 -18
  112. package/dist/{index-BRX2mrGM.js.map → index-BCVHDZZk.js.map} +1 -1
  113. package/dist/index-BEckqi71.js +346 -0
  114. package/dist/index-BEckqi71.js.map +1 -0
  115. package/dist/{index-EOl5XOZN.js → index-BaTX0t-a.js} +6 -6
  116. package/dist/{index-EOl5XOZN.js.map → index-BaTX0t-a.js.map} +1 -1
  117. package/dist/{index-s4oA7Iyp.js → index-BnOZcps-.js} +8 -8
  118. package/dist/{index-s4oA7Iyp.js.map → index-BnOZcps-.js.map} +1 -1
  119. package/dist/{index-Cn_Rs8nk.js → index-Bv9-6Ht7.js} +5 -5
  120. package/dist/{index-Cn_Rs8nk.js.map → index-Bv9-6Ht7.js.map} +1 -1
  121. package/dist/{index-0eDJ_Ho5.js → index-CEDNCQK8.js} +5 -5
  122. package/dist/{index-0eDJ_Ho5.js.map → index-CEDNCQK8.js.map} +1 -1
  123. package/dist/{index-CpUKjpYd.js → index-ClEmYHgx.js} +4 -4
  124. package/dist/{index-CpUKjpYd.js.map → index-ClEmYHgx.js.map} +1 -1
  125. package/dist/{index-BRuc7lF2.js → index-Co-4RSTf.js} +5 -5
  126. package/dist/{index-BRuc7lF2.js.map → index-Co-4RSTf.js.map} +1 -1
  127. package/dist/{index-CzM9TqMe.js → index-Crpz4FA4.js} +6 -6
  128. package/dist/{index-CzM9TqMe.js.map → index-Crpz4FA4.js.map} +1 -1
  129. package/dist/index-D37a5H7U.js +182 -0
  130. package/dist/index-D37a5H7U.js.map +1 -0
  131. package/dist/index-DADSJYlJ.js +177 -0
  132. package/dist/index-DADSJYlJ.js.map +1 -0
  133. package/dist/index-DELS_iFy.js +92 -0
  134. package/dist/index-DELS_iFy.js.map +1 -0
  135. package/dist/index-DKYeygzz.js +91 -0
  136. package/dist/index-DKYeygzz.js.map +1 -0
  137. package/dist/{index-BSK_5Rq3.js → index-DeWASjPW.js} +5 -5
  138. package/dist/{index-BSK_5Rq3.js.map → index-DeWASjPW.js.map} +1 -1
  139. package/dist/index-DyN2Ja6Z.js +93 -0
  140. package/dist/index-DyN2Ja6Z.js.map +1 -0
  141. package/dist/index-Rm0SvvJH.js +82 -0
  142. package/dist/index-Rm0SvvJH.js.map +1 -0
  143. package/dist/index-eDr6IKsf.js +90 -0
  144. package/dist/index-eDr6IKsf.js.map +1 -0
  145. package/dist/{index-Rxsr4tZ-.js → index-mtJHlsB1.js} +5 -5
  146. package/dist/{index-Rxsr4tZ-.js.map → index-mtJHlsB1.js.map} +1 -1
  147. package/dist/{index-DZYPPNrI.js → index-n6RmR7mX.js} +5 -5
  148. package/dist/{index-DZYPPNrI.js.map → index-n6RmR7mX.js.map} +1 -1
  149. package/dist/index.js +70 -69
  150. package/dist/{pies.utils-BxCBtjpf.js → pies.utils-DLk70PA8.js} +5 -5
  151. package/dist/{pies.utils-BxCBtjpf.js.map → pies.utils-DLk70PA8.js.map} +1 -1
  152. package/dist/{preview.data.constants-CXMriS2F.js → preview.data.constants-BBIMPXYy.js} +22 -21
  153. package/dist/preview.data.constants-BBIMPXYy.js.map +1 -0
  154. package/dist/remarkable-pro.css +1 -1
  155. package/dist/{tables.utils-DMLGNJ4g.js → tables.utils-C7MWIQsp.js} +4 -4
  156. package/dist/{tables.utils-DMLGNJ4g.js.map → tables.utils-C7MWIQsp.js.map} +1 -1
  157. package/dist/theme/defaults/defaults.GranularityOptions.constants.d.ts +1 -0
  158. package/dist/theme/defaults/defaults.GranularityOptions.constants.d.ts.map +1 -1
  159. package/dist/{timeRange.utils-C_oRVExZ.js → timeRange.utils-LHM3sXwE.js} +5 -5
  160. package/dist/{timeRange.utils-C_oRVExZ.js.map → timeRange.utils-LHM3sXwE.js.map} +1 -1
  161. package/package.json +2 -2
  162. package/dist/component.inputs.constants-DO_jX-yc.js.map +0 -1
  163. package/dist/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.utils.d.ts.map +0 -1
  164. package/dist/index-ByFoIwAq.js +0 -83
  165. package/dist/index-ByFoIwAq.js.map +0 -1
  166. package/dist/index-CRWWARnB.js +0 -75
  167. package/dist/index-CRWWARnB.js.map +0 -1
  168. package/dist/index-CVIirzal.js +0 -73
  169. package/dist/index-CVIirzal.js.map +0 -1
  170. package/dist/index-Cj1Zuh74.js +0 -165
  171. package/dist/index-Cj1Zuh74.js.map +0 -1
  172. package/dist/index-D9LxkwlG.js +0 -82
  173. package/dist/index-D9LxkwlG.js.map +0 -1
  174. package/dist/index-DDeRZxp1.js +0 -334
  175. package/dist/index-DDeRZxp1.js.map +0 -1
  176. package/dist/index-DMtpdR9I.js +0 -170
  177. package/dist/index-DMtpdR9I.js.map +0 -1
  178. package/dist/index-L5_Ts7FG.js +0 -83
  179. package/dist/index-L5_Ts7FG.js.map +0 -1
  180. package/dist/index-Uhz2U4Dp.js +0 -84
  181. package/dist/index-Uhz2U4Dp.js.map +0 -1
  182. package/dist/preview.data.constants-CXMriS2F.js.map +0 -1
@@ -1,334 +0,0 @@
1
- import { m as $, d as F, e as T, n as M, o as w, j as S, L as X } from "./Color.type.emb-DWdIUAm5.js";
2
- import { useTheme as Y } from "@embeddable.com/react";
3
- import { i as z, a as E, r as G } from "./component.inputs.constants-DO_jX-yc.js";
4
- import { C as V } from "./ChartCard-BHPN4_tz.js";
5
- import { useEffect as J } from "react";
6
- import { g as U } from "./timeRange.utils-C_oRVExZ.js";
7
- import { g as P } from "./formatter.utils-CBCUxVH8.js";
8
- import { a as q } from "./styles.utils-u6uj51UE.js";
9
- import { i as H, s as K } from "./color.utils-BSg_DFOh.js";
10
- import { g as Q } from "./lines.utils-COGf_F0b.js";
11
- import { u as B } from "./charts.fillGaps.hooks-C7KsWcZb.js";
12
- const L = "mainAxis", y = "comparisonAxis", R = (p, m) => {
13
- var k, A, O, x;
14
- const { data: e, measure: s, dimension: t, index: u, isPreviousPeriod: i, hasMinMaxYAxisRange: b, labels: a } = p, o = e == null ? void 0 : e.map((r) => r[t.name]), l = !!((k = s.inputs) != null && k.connectGaps), g = a ? a.map((r) => {
15
- const D = e == null ? void 0 : e.find((I) => I[t.name] === r);
16
- return (D == null ? void 0 : D[s.name]) ?? (l ? 0 : null);
17
- }) : e == null ? void 0 : e.map((r) => r[s.name] ?? (l ? 0 : null)), h = P(m), C = !!((A = s.inputs) != null && A[i ? "previousLineDashed" : "lineDashed"]), n = F(), d = (O = s.inputs) == null ? void 0 : O[i ? "previousLineColor" : "lineColor"], c = H(d) ? d : q({
18
- dimensionOrMeasure: s,
19
- theme: m,
20
- color: "background",
21
- value: s.name,
22
- chartColors: n,
23
- index: u
24
- }), f = h.dimensionOrMeasureTitle(s);
25
- return {
26
- xAxisID: i ? y : L,
27
- labels: o,
28
- rawLabel: f,
29
- label: (i ? `${z.t("common.compared")} ` : "") + f,
30
- data: g,
31
- backgroundColor: K(c, 0.5),
32
- pointBackgroundColor: c,
33
- borderDash: C ? [
34
- T("--em-linechart-line-dash", "0.25rem"),
35
- T("--em-linechart-line-gap", "0.25rem")
36
- ] : void 0,
37
- borderColor: c,
38
- fill: (x = s.inputs) == null ? void 0 : x.fillUnderLine,
39
- clip: b
40
- };
41
- }, W = (p, m) => {
42
- if (!p.data)
43
- return {
44
- labels: [],
45
- datasets: [
46
- { xAxisID: L, data: [] },
47
- { xAxisID: y, data: [] }
48
- ]
49
- };
50
- const { data: e, dataComparison: s, dimension: t, measures: u, hasMinMaxYAxisRange: i } = p, a = t.nativeType === "time" ? void 0 : s ? Array.from(
51
- /* @__PURE__ */ new Set([
52
- ...e.map((g) => g[t.name]),
53
- ...(s == null ? void 0 : s.map((g) => g[t.name])) ?? []
54
- ])
55
- ) : void 0, o = u.map(
56
- (g, h) => R(
57
- {
58
- data: e,
59
- measure: g,
60
- dimension: t,
61
- labels: a,
62
- hasMinMaxYAxisRange: i,
63
- index: h
64
- },
65
- m
66
- )
67
- ), l = u.map(
68
- (g, h) => R(
69
- {
70
- data: s,
71
- measure: g,
72
- dimension: t,
73
- labels: a,
74
- hasMinMaxYAxisRange: i,
75
- index: h,
76
- isPreviousPeriod: !0
77
- },
78
- m
79
- )
80
- );
81
- return {
82
- labels: a ?? e.map((g) => g[t.name]),
83
- datasets: [...o, ...l]
84
- };
85
- }, Z = (p, m) => {
86
- const { dimension: e, data: s, measures: t, xAxisLabel: u } = p, i = P(m);
87
- return {
88
- plugins: {
89
- legend: {
90
- labels: {
91
- filter: (a, o) => {
92
- if (!a) return !1;
93
- const l = o.datasets[a.datasetIndex];
94
- return Array.isArray(l.data) && l.data.length > 0;
95
- }
96
- }
97
- },
98
- datalabels: {
99
- labels: {
100
- value: {
101
- formatter: (a, o) => {
102
- const l = t[o.datasetIndex % t.length];
103
- return i.data(l, a);
104
- }
105
- }
106
- }
107
- },
108
- tooltip: {
109
- callbacks: {
110
- title: (a) => a[0] ? i.data(e, a[0].label) : "",
111
- label: (a) => {
112
- const o = t[a.datasetIndex % t.length], l = a.raw;
113
- return `${a.dataset.label}: ${i.data(o, l)}`;
114
- }
115
- }
116
- }
117
- },
118
- scales: {
119
- x: {
120
- display: !1
121
- },
122
- [L]: {
123
- title: {
124
- ...w(),
125
- text: u,
126
- display: !!u
127
- },
128
- grid: { display: !1 },
129
- ticks: {
130
- ...M(),
131
- callback(a) {
132
- var o;
133
- return i.data(e, (o = s.labels) == null ? void 0 : o[a]);
134
- }
135
- }
136
- },
137
- [y]: {
138
- display: !1
139
- },
140
- y: {
141
- ticks: {
142
- callback: (a) => i.data(t[0], a)
143
- }
144
- }
145
- }
146
- };
147
- }, aa = (p, m) => {
148
- var h, C;
149
- const { dimension: e, data: s, measures: t, xAxisLabel: u, showComparisonAxis: i, showDataComparison: b } = p, a = P(m), o = ((h = s.datasets.find((n) => n.xAxisID === L)) == null ? void 0 : h.labels) ?? [], l = ((C = s.datasets.find((n) => n.xAxisID === y)) == null ? void 0 : C.labels) ?? [];
150
- return {
151
- plugins: {
152
- legend: {
153
- labels: {
154
- filter: (n, d) => {
155
- if (!n) return !1;
156
- const c = d.datasets[n.datasetIndex];
157
- return Array.isArray(c.data) && c.data.length > 0;
158
- }
159
- }
160
- },
161
- datalabels: {
162
- labels: {
163
- value: {
164
- formatter: (n, d) => {
165
- const c = t[d.datasetIndex % t.length];
166
- return a.data(c, n);
167
- }
168
- }
169
- }
170
- },
171
- tooltip: {
172
- callbacks: {
173
- title: (n) => {
174
- const d = n[0];
175
- if (!b && d)
176
- return a.data(e, d.label);
177
- const c = d == null ? void 0 : d.dataIndex;
178
- if (c === void 0) return "";
179
- const f = o[c] && a.data(e, o[c]), v = l[c] && a.data(e, l[c]);
180
- return `${f ?? "-"} vs ${v ?? "-"}`;
181
- },
182
- label: (n) => {
183
- const d = t[n.datasetIndex % t.length], c = n.raw;
184
- return `${n.dataset.label}: ${a.data(d, c)}`;
185
- }
186
- }
187
- }
188
- },
189
- scales: {
190
- x: { display: !1 },
191
- [L]: {
192
- title: {
193
- ...w(),
194
- text: u,
195
- display: !!((!i || l.length === 0) && u)
196
- },
197
- grid: { display: !1 },
198
- ticks: {
199
- ...M(),
200
- callback: (n) => a.data(e, o[Number(n)])
201
- }
202
- },
203
- [y]: {
204
- title: {
205
- ...w(),
206
- text: u,
207
- display: !!u
208
- },
209
- grid: { display: !1 },
210
- display: i && l.length > 0,
211
- ticks: {
212
- ...M(),
213
- callback: (n) => {
214
- if (l.length === 0)
215
- return "";
216
- const d = l[Number(n)];
217
- return d ? a.data(e, d) : "";
218
- }
219
- }
220
- },
221
- y: {
222
- ticks: {
223
- callback: (n) => a.data(t[0], n)
224
- }
225
- }
226
- }
227
- };
228
- }, ea = (p, m) => {
229
- var u, i;
230
- const { onLineClicked: e, dimension: s } = p, t = s.nativeType === "time" ? aa : Z;
231
- return $(
232
- Q({ onLineClicked: e }),
233
- t(p, m),
234
- ((i = (u = m.charts) == null ? void 0 : u.lineChartComparisonDefaultPro) == null ? void 0 : i.options) || {}
235
- );
236
- }, ta = (p) => {
237
- const m = Y();
238
- E(m);
239
- const { title: e, description: s, xAxisLabel: t, yAxisLabel: u } = G(p), {
240
- hideMenu: i,
241
- comparisonPeriod: b,
242
- measures: a,
243
- xAxis: o,
244
- reverseXAxis: l,
245
- showLegend: g,
246
- showLogarithmicScale: h,
247
- showTooltips: C,
248
- showValueLabels: n,
249
- yAxisRangeMax: d,
250
- yAxisRangeMin: c,
251
- primaryDateRange: f,
252
- comparisonDateRange: v,
253
- showComparisonAxis: k,
254
- setComparisonDateRange: A,
255
- onLineClicked: O
256
- } = p;
257
- J(() => {
258
- const N = U(
259
- f,
260
- b,
261
- m
262
- );
263
- A == null || A(N);
264
- }, [b, JSON.stringify(f), m]);
265
- const x = B({
266
- results: p.results,
267
- dimension: o,
268
- externalDateBounds: f
269
- }), r = B({
270
- results: p.resultsComparison,
271
- dimension: o,
272
- externalDateBounds: v
273
- }), D = !!(f && b), I = W(
274
- {
275
- data: x.data,
276
- dataComparison: D ? (r == null ? void 0 : r.data) ?? [] : void 0,
277
- dimension: o,
278
- measures: a,
279
- hasMinMaxYAxisRange: c != null || d != null
280
- },
281
- m
282
- ), j = ea(
283
- {
284
- data: I,
285
- dimension: o,
286
- measures: a,
287
- xAxisLabel: t,
288
- showComparisonAxis: k,
289
- showDataComparison: D,
290
- onLineClicked: O
291
- },
292
- m
293
- ), _ = {
294
- isLoading: !!(x.isLoading || r != null && r.isLoading),
295
- data: !(x != null && x.data) && !(r != null && r.data) ? void 0 : [...x.data ?? [], ...(r == null ? void 0 : r.data) ?? []]
296
- };
297
- return /* @__PURE__ */ S.jsx(
298
- V,
299
- {
300
- data: _,
301
- dimensionsAndMeasures: [...a, o],
302
- errorMessage: x.error || (r == null ? void 0 : r.error),
303
- description: s,
304
- title: e,
305
- hideMenu: i,
306
- children: /* @__PURE__ */ S.jsx(
307
- X,
308
- {
309
- data: I,
310
- reverseXAxis: l,
311
- showLegend: g,
312
- showLogarithmicScale: h,
313
- showTooltips: C,
314
- showValueLabels: n,
315
- xAxisLabel: t,
316
- yAxisLabel: u,
317
- yAxisRangeMax: d,
318
- yAxisRangeMin: c,
319
- options: j
320
- }
321
- )
322
- }
323
- );
324
- }, ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
325
- __proto__: null,
326
- default: ta
327
- }, Symbol.toStringTag, { value: "Module" }));
328
- export {
329
- ta as L,
330
- ea as a,
331
- W as g,
332
- ga as i
333
- };
334
- //# sourceMappingURL=index-DDeRZxp1.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-DDeRZxp1.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport {\n getChartColors,\n getChartjsAxisOptionsScalesTicksDefault,\n getChartjsAxisOptionsScalesTitle,\n getStyleNumber,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n props: {\n data: DataResponse['data'];\n measure: Measure;\n dimension: Dimension;\n labels?: string[];\n hasMinMaxYAxisRange: boolean;\n isPreviousPeriod?: boolean;\n index: number;\n },\n theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n const datasetLabels = data?.map((item) => item[dimension.name]);\n\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n const processedData = labels\n ? labels.map((label) => {\n const found = data?.find((item) => item[dimension.name] === label);\n return found?.[measure.name] ?? (zeroFill ? 0 : null);\n })\n : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const themeFormatter = getThemeFormatter(theme);\n\n const isLineDashed = Boolean(\n measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n );\n const chartColors = getChartColors();\n const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n const lineColor = isColorValid(lineColorTemp)\n ? lineColorTemp\n : getDimensionMeasureColor({\n dimensionOrMeasure: measure,\n theme,\n color: 'background',\n value: measure.name,\n chartColors,\n index,\n });\n\n const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n const dataset = {\n xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n labels: datasetLabels,\n rawLabel,\n label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n data: processedData,\n backgroundColor: setColorAlpha(lineColor, 0.5),\n pointBackgroundColor: lineColor,\n borderDash: isLineDashed\n ? [\n getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n ]\n : undefined,\n borderColor: lineColor,\n fill: measure.inputs?.['fillUnderLine'],\n clip: hasMinMaxYAxisRange,\n } as ChartData<'line'>['datasets'][number];\n\n return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n props: {\n data: DataResponse['data'];\n dataComparison: DataResponse['data'] | undefined;\n dimension: Dimension;\n measures: Measure[];\n hasMinMaxYAxisRange: boolean;\n },\n theme: Theme,\n): ChartData<'line'> => {\n if (!props.data) {\n return {\n labels: [],\n datasets: [\n { xAxisID: AXIS_ID_MAIN, data: [] },\n { xAxisID: AXIS_ID_COMPARISON, data: [] },\n ],\n };\n }\n\n const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n const isTimeDimension = dimension.nativeType === 'time';\n const labels = isTimeDimension\n ? undefined\n : dataComparison\n ? Array.from(\n new Set([\n ...data.map((item) => item[dimension.name]),\n ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n ]),\n )\n : undefined;\n\n const originalDatasets = measures.map((measure, index) =>\n getLineChartComparisonDataset(\n {\n data,\n measure,\n dimension,\n labels,\n hasMinMaxYAxisRange,\n index,\n },\n theme,\n ),\n );\n\n const comparisonDatasets = measures.map((measure, index) =>\n getLineChartComparisonDataset(\n {\n data: dataComparison,\n measure,\n dimension,\n labels,\n hasMinMaxYAxisRange,\n index,\n isPreviousPeriod: true,\n },\n theme,\n ),\n );\n\n return {\n labels: labels ?? data.map((item) => item[dimension.name]),\n datasets: [...originalDatasets, ...comparisonDatasets],\n };\n};\n\ntype LineChartComparisonProOptionsProps = {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n xAxisLabel?: string;\n showComparisonAxis?: boolean;\n showDataComparison?: boolean;\n onLineClicked?: LineChartProOptionsClick;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, xAxisLabel } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n legend: {\n labels: {\n filter: (legendItem, chartData) => {\n if (!legendItem) return false;\n const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n // Only show legend if dataset has at least one data point\n return Array.isArray(dataset.data) && dataset.data.length > 0;\n },\n },\n },\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n if (!context[0]) return '';\n\n return themeFormatter.data(dimension, context[0].label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n display: false,\n },\n [AXIS_ID_MAIN]: {\n title: {\n ...getChartjsAxisOptionsScalesTitle(),\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n ticks: {\n ...getChartjsAxisOptionsScalesTicksDefault(),\n callback(index) {\n return themeFormatter.data(dimension, data.labels?.[index as number]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n display: false,\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, xAxisLabel, showComparisonAxis, showDataComparison } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const mainDimensionLabels: string[] =\n (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n [];\n const comparisonDimensionLabels: string[] =\n (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n ?.labels ?? [];\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n legend: {\n labels: {\n filter: (legendItem, chartData) => {\n if (!legendItem) return false;\n const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n // Only show legend if dataset has at least one data point\n return Array.isArray(dataset.data) && dataset.data.length > 0;\n },\n },\n },\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const contextItem = context[0];\n\n if (!showDataComparison && contextItem) {\n return themeFormatter.data(dimension, contextItem.label);\n }\n\n const dataIndex = contextItem?.dataIndex;\n\n if (dataIndex === undefined) return '';\n\n const main =\n mainDimensionLabels[dataIndex] &&\n themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n const comparison =\n comparisonDimensionLabels[dataIndex] &&\n themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n return `${main ?? '-'} vs ${comparison ?? '-'}`;\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: { display: false },\n [AXIS_ID_MAIN]: {\n title: {\n ...getChartjsAxisOptionsScalesTitle(),\n text: xAxisLabel,\n display: Boolean(\n (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n ),\n },\n grid: { display: false },\n ticks: {\n ...getChartjsAxisOptionsScalesTicksDefault(),\n callback: (index) => {\n return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n title: {\n ...getChartjsAxisOptionsScalesTitle(),\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n ticks: {\n ...getChartjsAxisOptionsScalesTicksDefault(),\n callback: (index) => {\n if (comparisonDimensionLabels.length === 0) {\n return '';\n }\n\n const comparisonLabel = comparisonDimensionLabels[Number(index)];\n return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { onLineClicked, dimension } = options;\n\n const getOptions =\n dimension.nativeType === 'time'\n ? getLineChartComparisonTimeOptions\n : getLineChartComparisonNonTimeOptions;\n\n return mergician(\n getLineChartProOptions({ onLineClicked }),\n getOptions(options, theme),\n theme.charts?.lineChartComparisonDefaultPro?.options || {},\n );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n getLineChartComparisonProData,\n getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\ntype LineChartComparisonDefaultProProps = {\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n resultsComparison: DataResponse | undefined;\n reverseXAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showValueLabels?: boolean;\n xAxisLabel?: string;\n yAxisLabel?: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n comparisonPeriod?: string;\n comparisonDateRange: TimeRange;\n showComparisonAxis?: boolean;\n primaryDateRange: TimeRange;\n setComparisonDateRange?: (dateRange: TimeRange) => void;\n onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n hideMenu,\n comparisonPeriod,\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n primaryDateRange,\n comparisonDateRange,\n showComparisonAxis,\n setComparisonDateRange,\n onLineClicked,\n } = props;\n\n useEffect(() => {\n const newComparisonDateRange = getComparisonPeriodDateRange(\n primaryDateRange,\n comparisonPeriod,\n theme,\n );\n setComparisonDateRange?.(newComparisonDateRange);\n }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n const results = useFillGaps({\n results: props.results,\n dimension: xAxis,\n externalDateBounds: primaryDateRange,\n });\n\n const resultsComparison = useFillGaps({\n results: props.resultsComparison,\n dimension: xAxis,\n externalDateBounds: comparisonDateRange,\n });\n\n const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n const data = getLineChartComparisonProData(\n {\n data: results.data,\n dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n },\n theme,\n );\n\n const options = getLineChartComparisonProOptions(\n {\n data: data,\n dimension: xAxis,\n measures,\n xAxisLabel,\n showComparisonAxis,\n showDataComparison,\n onLineClicked,\n },\n theme,\n );\n\n const resultsCombined: DataResponse = {\n isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n data:\n !results?.data && !resultsComparison?.data\n ? undefined\n : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n };\n\n return (\n <ChartCard\n data={resultsCombined}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error || resultsComparison?.error}\n description={description}\n title={title}\n hideMenu={hideMenu}\n >\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartComparisonDefaultPro;\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","isLineDashed","_b","chartColors","getChartColors","lineColorTemp","_c","lineColor","isColorValid","getDimensionMeasureColor","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","getChartjsAxisOptionsScalesTitle","getChartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","onLineClicked","getOptions","mergician","getLineChartProOptions","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","hideMenu","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","resultsCombined","jsx","ChartCard","LineChart"],"mappings":"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"}
@@ -1,170 +0,0 @@
1
- import { d as O, e as f, m as y, j as L, L as j } from "./Color.type.emb-DWdIUAm5.js";
2
- import { useTheme as w } from "@embeddable.com/react";
3
- import { a as P, r as D } from "./component.inputs.constants-DO_jX-yc.js";
4
- import { C as F } from "./ChartCard-BHPN4_tz.js";
5
- import { g as v } from "./formatter.utils-CBCUxVH8.js";
6
- import { a as M } from "./styles.utils-u6uj51UE.js";
7
- import { i as k, s as R } from "./color.utils-BSg_DFOh.js";
8
- import { u as S } from "./charts.fillGaps.hooks-C7KsWcZb.js";
9
- const T = (s, r) => {
10
- if (!s.data)
11
- return {
12
- labels: [],
13
- datasets: [{ data: [] }]
14
- };
15
- const d = v(r), i = s.data;
16
- return {
17
- labels: i.map((e) => e[s.dimension.name]),
18
- datasets: s.measures.map((e, c) => {
19
- var n, m, b, g;
20
- const l = !!((n = e.inputs) != null && n.connectGaps), h = i.map((p) => p[e.name] ?? (l ? 0 : null)), o = (m = e.inputs) == null ? void 0 : m.lineColor, u = O(), a = k(o) ? o : M({
21
- dimensionOrMeasure: e,
22
- theme: r,
23
- color: "background",
24
- value: e.name,
25
- chartColors: u,
26
- index: c
27
- }), t = k(o) ? o : M({
28
- dimensionOrMeasure: e,
29
- theme: r,
30
- color: "border",
31
- value: e.name,
32
- chartColors: u,
33
- index: c
34
- });
35
- return {
36
- clip: s.hasMinMaxYAxisRange,
37
- label: d.dimensionOrMeasureTitle(e),
38
- data: h,
39
- backgroundColor: R(a, 0.5),
40
- pointBackgroundColor: a,
41
- borderDash: (b = e.inputs) != null && b.dashedLine ? [
42
- f("--em-linechart-line-dash", "0.25rem"),
43
- f("--em-linechart-line-gap", "0.25rem")
44
- ] : void 0,
45
- borderColor: t,
46
- fill: !!((g = e.inputs) != null && g.fillUnderLine)
47
- };
48
- })
49
- };
50
- }, _ = (s, r) => {
51
- var o, u;
52
- const { dimension: d, data: i, measures: e, onLineClicked: c } = s, l = v(r);
53
- return y({
54
- plugins: {
55
- datalabels: {
56
- labels: {
57
- value: {
58
- formatter: (a, t) => {
59
- const n = e[t.datasetIndex];
60
- return l.data(n, a);
61
- }
62
- }
63
- }
64
- },
65
- tooltip: {
66
- callbacks: {
67
- title: (a) => {
68
- var n;
69
- const t = (n = a[0]) == null ? void 0 : n.label;
70
- return l.data(d, t);
71
- },
72
- label: (a) => {
73
- const t = e[a.datasetIndex], n = a.raw;
74
- return `${l.data(d, a.dataset.label) || ""}: ${l.data(t, n)}`;
75
- }
76
- }
77
- }
78
- },
79
- scales: {
80
- x: {
81
- ticks: {
82
- callback: (a) => {
83
- if (!i || !i.labels) return;
84
- const t = i.labels[Number(a)];
85
- return l.data(d, t);
86
- }
87
- }
88
- },
89
- y: {
90
- ticks: {
91
- callback: (a) => l.data(e[0], a)
92
- }
93
- }
94
- },
95
- onClick: (a, t, n) => {
96
- if (!c) return;
97
- const m = t[0], b = m ? n.data.labels[m.index] : null;
98
- c({
99
- dimensionValue: b
100
- });
101
- }
102
- }, ((u = (o = r.charts) == null ? void 0 : o.lineChartDefaultPro) == null ? void 0 : u.options) || {});
103
- }, B = (s) => {
104
- const r = w();
105
- P(r);
106
- const { title: d, description: i, xAxisLabel: e, yAxisLabel: c } = D(s), {
107
- hideMenu: l,
108
- measures: h,
109
- xAxis: o,
110
- reverseXAxis: u,
111
- showLegend: a,
112
- showLogarithmicScale: t,
113
- showTooltips: n,
114
- showValueLabels: m,
115
- yAxisRangeMax: b,
116
- yAxisRangeMin: g,
117
- onLineClicked: p
118
- } = s, C = S({
119
- results: s.results,
120
- dimension: o
121
- }), x = T(
122
- {
123
- data: C.data,
124
- dimension: o,
125
- measures: h,
126
- hasMinMaxYAxisRange: g != null || b != null
127
- },
128
- r
129
- ), A = _(
130
- { data: x, dimension: o, measures: h, onLineClicked: p },
131
- r
132
- );
133
- return /* @__PURE__ */ L.jsx(
134
- F,
135
- {
136
- data: C,
137
- dimensionsAndMeasures: [...h, o],
138
- errorMessage: C.error,
139
- description: i,
140
- title: d,
141
- hideMenu: l,
142
- children: /* @__PURE__ */ L.jsx(
143
- j,
144
- {
145
- data: x,
146
- reverseXAxis: u,
147
- showLegend: a,
148
- showLogarithmicScale: t,
149
- showTooltips: n,
150
- showValueLabels: m,
151
- xAxisLabel: e,
152
- yAxisLabel: c,
153
- yAxisRangeMax: b,
154
- yAxisRangeMin: g,
155
- options: A
156
- }
157
- )
158
- }
159
- );
160
- }, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
161
- __proto__: null,
162
- default: B
163
- }, Symbol.toStringTag, { value: "Module" }));
164
- export {
165
- B as L,
166
- _ as a,
167
- T as g,
168
- U as i
169
- };
170
- //# sourceMappingURL=index-DMtpdR9I.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-DMtpdR9I.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n measures: Measure[];\n hasMinMaxYAxisRange: boolean;\n },\n theme: Theme,\n): ChartData<'line'> => {\n if (!props.data) {\n return {\n labels: [],\n datasets: [{ data: [] }],\n };\n }\n\n const themeFormatter = getThemeFormatter(theme);\n\n const groupedData = props.data;\n\n return {\n labels: groupedData.map((item) => {\n return item[props.dimension.name];\n }),\n datasets: props.measures.map((measure, index) => {\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const lineColor = measure.inputs?.['lineColor'];\n const chartColors = getChartColors();\n const backgroundColor = isColorValid(lineColor)\n ? lineColor\n : getDimensionMeasureColor({\n dimensionOrMeasure: measure,\n theme,\n color: 'background',\n value: measure.name,\n chartColors,\n index,\n });\n\n const borderColor = isColorValid(lineColor)\n ? lineColor\n : getDimensionMeasureColor({\n dimensionOrMeasure: measure,\n theme,\n color: 'border',\n value: measure.name,\n chartColors,\n index,\n });\n\n return {\n clip: props.hasMinMaxYAxisRange,\n label: themeFormatter.dimensionOrMeasureTitle(measure),\n data: values,\n backgroundColor: setColorAlpha(backgroundColor, 0.5),\n pointBackgroundColor: backgroundColor,\n borderDash: measure.inputs?.['dashedLine']\n ? [\n getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n ]\n : undefined,\n borderColor,\n fill: Boolean(measure.inputs?.['fillUnderLine']),\n } as ChartData<'line'>['datasets'][number];\n }),\n };\n};\n\nexport const getLineChartProOptions = (\n options: {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n onLineClicked?: LineChartProOptionsClick;\n },\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, onLineClicked } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const label = context[0]?.label;\n return themeFormatter.data(dimension, label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex]!;\n const raw = context.raw as number;\n return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n ticks: {\n callback: (value) => {\n if (!data || !data.labels) return undefined;\n\n const label = data.labels[Number(value)] as string;\n return themeFormatter.data(dimension, label);\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n onClick: (_event, elements, chart) => {\n if (!onLineClicked) return;\n\n const element = elements[0];\n const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n onLineClicked({\n dimensionValue,\n });\n },\n };\n\n return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\ntype LineChartProProp = {\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n reverseXAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showValueLabels?: boolean;\n\n xAxisLabel?: string;\n yAxisLabel?: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProp) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n hideMenu,\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n onLineClicked,\n } = props;\n\n const results = useFillGaps({\n results: props.results,\n dimension: xAxis,\n });\n\n const data = getLineChartProData(\n {\n data: results.data,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n },\n theme,\n );\n const options = getLineChartProOptions(\n { data, dimension: xAxis, measures, onLineClicked },\n theme,\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error}\n description={description}\n title={title}\n hideMenu={hideMenu}\n >\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartPro;\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getDimensionMeasureColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart"],"mappings":"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"}
@@ -1,83 +0,0 @@
1
- import { m as M, j as m, B as P } from "./Color.type.emb-DWdIUAm5.js";
2
- import { useTheme as w } from "@embeddable.com/react";
3
- import { a as z, r as S } from "./component.inputs.constants-DO_jX-yc.js";
4
- import { C as T } from "./ChartCard-BHPN4_tz.js";
5
- import { g as _, b as v } from "./bars.utils-DLqiVSYV.js";
6
- import { u as G } from "./charts.fillGaps.hooks-C7KsWcZb.js";
7
- const O = (e) => {
8
- var n, l;
9
- const r = w();
10
- z(r);
11
- const {
12
- description: u,
13
- groupBy: t,
14
- measure: o,
15
- reverseYAxis: d,
16
- showLegend: h,
17
- showLogarithmicScale: c,
18
- showTooltips: x,
19
- showTotalLabels: p,
20
- showValueLabels: g,
21
- title: b,
22
- yAxis: s,
23
- xAxisLabel: f,
24
- yAxisLabel: C,
25
- xAxisRangeMax: A,
26
- xAxisRangeMin: B,
27
- onBarClicked: j
28
- } = S(e), { hideMenu: y } = e, a = G({
29
- results: e.results,
30
- dimension: e.yAxis
31
- }), i = _(
32
- {
33
- data: a.data,
34
- dimension: s,
35
- groupDimension: t,
36
- measure: o
37
- },
38
- r
39
- ), L = M(
40
- v(
41
- { measures: [o], horizontal: !0, onBarClicked: j, data: i, dimension: s },
42
- r
43
- ),
44
- ((l = (n = r.charts) == null ? void 0 : n.barChartGroupedHorizontalPro) == null ? void 0 : l.options) || {}
45
- );
46
- return /* @__PURE__ */ m.jsx(
47
- T,
48
- {
49
- data: a,
50
- dimensionsAndMeasures: [o, s, t],
51
- errorMessage: a.error,
52
- description: u,
53
- title: b,
54
- hideMenu: y,
55
- children: /* @__PURE__ */ m.jsx(
56
- P,
57
- {
58
- data: i,
59
- showLegend: h,
60
- showTooltips: x,
61
- showValueLabels: g,
62
- showLogarithmicScale: c,
63
- xAxisLabel: f,
64
- yAxisLabel: C,
65
- reverseYAxis: d,
66
- xAxisRangeMin: B,
67
- xAxisRangeMax: A,
68
- showTotalLabels: p,
69
- options: L,
70
- horizontal: !0
71
- }
72
- )
73
- }
74
- );
75
- }, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
76
- __proto__: null,
77
- default: O
78
- }, Symbol.toStringTag, { value: "Module" }));
79
- export {
80
- O as B,
81
- I as i
82
- };
83
- //# sourceMappingURL=index-L5_Ts7FG.js.map