@embeddable.com/remarkable-pro 0.0.7 → 0.0.10

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 (109) hide show
  1. package/dist/BarChartDefaultHorizontalPro.js +3 -3
  2. package/dist/BarChartDefaultPro.js +3 -3
  3. package/dist/BarChartGroupedHorizontalPro.js +3 -3
  4. package/dist/BarChartGroupedPro.js +3 -3
  5. package/dist/BarChartStackedHorizontalPro.js +3 -3
  6. package/dist/BarChartStackedPro.js +3 -3
  7. package/dist/ChartCard-CVL4wTx4.js +124 -0
  8. package/dist/ChartCard-CVL4wTx4.js.map +1 -0
  9. package/dist/{Color.type.emb-CWTlQmpX.js → Color.type.emb-2eHKigos.js} +2 -2
  10. package/dist/{Color.type.emb-CWTlQmpX.js.map → Color.type.emb-2eHKigos.js.map} +1 -1
  11. package/dist/ColorEditor.js +2 -2
  12. package/dist/{ComparisonPeriod.type.emb-A4w1cgoZ.js → ComparisonPeriod.type.emb-0_NLUHUG.js} +2 -2
  13. package/dist/{ComparisonPeriod.type.emb-A4w1cgoZ.js.map → ComparisonPeriod.type.emb-0_NLUHUG.js.map} +1 -1
  14. package/dist/ComparisonPeriodSelectFieldPro.js +4 -4
  15. package/dist/DateRangeSelectFieldPro.js +3 -3
  16. package/dist/DonutChartPro.js +3 -3
  17. package/dist/DonutLabelChartPro.js +3 -3
  18. package/dist/{EditorCard-BZ9OPW3m.js → EditorCard-CBM5lBf4.js} +3 -3
  19. package/dist/{EditorCard-BZ9OPW3m.js.map → EditorCard-CBM5lBf4.js.map} +1 -1
  20. package/dist/HeatMapPro.js +4 -4
  21. package/dist/KpiChartNumberComparisonPro.js +14 -14
  22. package/dist/KpiChartNumberComparisonPro.js.map +1 -1
  23. package/dist/KpiChartNumberPro.js +3 -3
  24. package/dist/LineChartComparisonDefaultPro.js +5 -5
  25. package/dist/LineChartDefaultPro.js +4 -4
  26. package/dist/LineChartGroupedPro.js +3 -3
  27. package/dist/MultiSelectFieldPro.js +3 -3
  28. package/dist/PieChartPro.js +3 -3
  29. package/dist/PivotTablePro.js +3 -3
  30. package/dist/SingleSelectFieldPro.js +3 -3
  31. package/dist/TableChartPaginated.js +50 -43
  32. package/dist/TableChartPaginated.js.map +1 -1
  33. package/dist/{bars.utils-wDaeYsgx.js → bars.utils-B1Hz3hDV.js} +4 -4
  34. package/dist/{bars.utils-wDaeYsgx.js.map → bars.utils-B1Hz3hDV.js.map} +1 -1
  35. package/dist/{charts.utils-DvG9esg1.js → charts.utils-Iko6Kzy0.js} +23 -15
  36. package/dist/charts.utils-Iko6Kzy0.js.map +1 -0
  37. package/dist/{component.constants-Dhb2rtRh.js → component.constants-DgkJze23.js} +77 -77
  38. package/dist/component.constants-DgkJze23.js.map +1 -0
  39. package/dist/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts.map +1 -1
  40. package/dist/components/charts/shared/ChartCard/ChartCard.d.ts +0 -1
  41. package/dist/components/charts/shared/ChartCard/ChartCard.d.ts.map +1 -1
  42. package/dist/components/charts/tables/TableChartPaginated/index.d.ts +8 -6
  43. package/dist/components/charts/tables/TableChartPaginated/index.d.ts.map +1 -1
  44. package/dist/embeddable-components.json +12 -12
  45. package/dist/embeddable-theme-0137e.js +20 -12
  46. package/dist/embeddable-types.js.map +1 -1
  47. package/dist/{formatter.utils-Bdp9Y-Lv.js → formatter.utils-XQ213825.js} +2 -2
  48. package/dist/{formatter.utils-Bdp9Y-Lv.js.map → formatter.utils-XQ213825.js.map} +1 -1
  49. package/dist/index-B6pLTirY.js +161 -0
  50. package/dist/index-B6pLTirY.js.map +1 -0
  51. package/dist/{index-lk-Z0NGN.js → index-B_h9tbkR.js} +5 -5
  52. package/dist/{index-lk-Z0NGN.js.map → index-B_h9tbkR.js.map} +1 -1
  53. package/dist/{index-CIrFPmqW.js → index-Btb4t3Wv.js} +5 -5
  54. package/dist/{index-CIrFPmqW.js.map → index-Btb4t3Wv.js.map} +1 -1
  55. package/dist/{index-D4L5OYNQ.js → index-BvcyKJye.js} +5 -5
  56. package/dist/{index-D4L5OYNQ.js.map → index-BvcyKJye.js.map} +1 -1
  57. package/dist/{index-B7H0xf_l.js → index-CEnzeG60.js} +4 -4
  58. package/dist/{index-B7H0xf_l.js.map → index-CEnzeG60.js.map} +1 -1
  59. package/dist/{index-xD9YxZRB.js → index-CQjWaAI1.js} +5 -5
  60. package/dist/{index-xD9YxZRB.js.map → index-CQjWaAI1.js.map} +1 -1
  61. package/dist/{index-DsuuGokg.js → index-CUL62EI3.js} +5 -5
  62. package/dist/{index-DsuuGokg.js.map → index-CUL62EI3.js.map} +1 -1
  63. package/dist/{index-DyLLyX5j.js → index-D-uIQw1c.js} +4 -4
  64. package/dist/{index-DyLLyX5j.js.map → index-D-uIQw1c.js.map} +1 -1
  65. package/dist/{index-BANAOc5o.js → index-D1f77vvz.js} +5 -5
  66. package/dist/{index-BANAOc5o.js.map → index-D1f77vvz.js.map} +1 -1
  67. package/dist/{index-CK9V-wz1.js → index-D9A89MpZ.js} +3803 -3570
  68. package/dist/index-D9A89MpZ.js.map +1 -0
  69. package/dist/index-D9xys6rW.js +84 -0
  70. package/dist/{index-Dj2GCs_C.js.map → index-D9xys6rW.js.map} +1 -1
  71. package/dist/{index-Ci7quilT.js → index-DQy1VR_1.js} +6 -6
  72. package/dist/{index-Ci7quilT.js.map → index-DQy1VR_1.js.map} +1 -1
  73. package/dist/{index-BzzDZ7Wg.js → index-DYXWHe8m.js} +5 -5
  74. package/dist/{index-BzzDZ7Wg.js.map → index-DYXWHe8m.js.map} +1 -1
  75. package/dist/{index-CC_OkY5h.js → index-Djb7UU1L.js} +5 -5
  76. package/dist/{index-CC_OkY5h.js.map → index-Djb7UU1L.js.map} +1 -1
  77. package/dist/{index-cy3SJfGM.js → index-DxyqvM1n.js} +5 -5
  78. package/dist/{index-cy3SJfGM.js.map → index-DxyqvM1n.js.map} +1 -1
  79. package/dist/{index-BSWbd7z_.js → index-Dz2RZAKI.js} +5 -5
  80. package/dist/{index-BSWbd7z_.js.map → index-Dz2RZAKI.js.map} +1 -1
  81. package/dist/{index-YDGm7Lqn.js → index-ExZUonHQ.js} +5 -5
  82. package/dist/{index-YDGm7Lqn.js.map → index-ExZUonHQ.js.map} +1 -1
  83. package/dist/{index-CVTxkwt-.js → index-IIIoCbBX.js} +5 -5
  84. package/dist/{index-CVTxkwt-.js.map → index-IIIoCbBX.js.map} +1 -1
  85. package/dist/{index-DfMuZY6D.js → index-KmzIpbK7.js} +5 -5
  86. package/dist/{index-DfMuZY6D.js.map → index-KmzIpbK7.js.map} +1 -1
  87. package/dist/{index-CGOYyhMg.js → index-SXB_nz9V.js} +6 -6
  88. package/dist/{index-CGOYyhMg.js.map → index-SXB_nz9V.js.map} +1 -1
  89. package/dist/{index-BFslD2mO.js → index-gNSOwkrE.js} +5 -5
  90. package/dist/{index-BFslD2mO.js.map → index-gNSOwkrE.js.map} +1 -1
  91. package/dist/{index-BNMJTgo_.js → index-lWf11Upm.js} +5 -5
  92. package/dist/{index-BNMJTgo_.js.map → index-lWf11Upm.js.map} +1 -1
  93. package/dist/index.js +29 -29
  94. package/dist/{pies.utils-eND-eqpj.js → pies.utils-4gWRjv-L.js} +5 -5
  95. package/dist/{pies.utils-eND-eqpj.js.map → pies.utils-4gWRjv-L.js.map} +1 -1
  96. package/dist/remarkable-pro.css +1 -1
  97. package/dist/theme/i18n/translations/de.d.ts.map +1 -1
  98. package/dist/theme/i18n/translations/en.d.ts.map +1 -1
  99. package/dist/{timeRange.utils-DLTzyLvc.js → timeRange.utils-CgoON1yQ.js} +2 -2
  100. package/dist/{timeRange.utils-DLTzyLvc.js.map → timeRange.utils-CgoON1yQ.js.map} +1 -1
  101. package/package.json +10 -6
  102. package/dist/ChartCard-DbWy6Y6D.js +0 -127
  103. package/dist/ChartCard-DbWy6Y6D.js.map +0 -1
  104. package/dist/charts.utils-DvG9esg1.js.map +0 -1
  105. package/dist/component.constants-Dhb2rtRh.js.map +0 -1
  106. package/dist/index-CK9V-wz1.js.map +0 -1
  107. package/dist/index-Dj2GCs_C.js +0 -82
  108. package/dist/index-zt-UY8xi.js +0 -152
  109. package/dist/index-zt-UY8xi.js.map +0 -1
@@ -1,82 +0,0 @@
1
- import { j as v, K } from "./index-CK9V-wz1.js";
2
- import { useTheme as T } from "@embeddable.com/react";
3
- import { a as w, r as A, i } from "./component.constants-Dhb2rtRh.js";
4
- import { C as M } from "./ChartCard-DbWy6Y6D.js";
5
- import { g as N } from "./formatter.utils-Bdp9Y-Lv.js";
6
- import { useEffect as O } from "react";
7
- import { g as E, a as V } from "./timeRange.utils-DLTzyLvc.js";
8
- const B = (s) => {
9
- var c, g, l, p, h, f;
10
- const t = T();
11
- w(t);
12
- const { title: b, description: P } = A(s), {
13
- changeFontSize: u,
14
- comparisonPeriod: r,
15
- comparisonDateRange: C,
16
- displayChangeAsPercentage: y,
17
- fontSize: _,
18
- measure: o,
19
- primaryDateRange: m,
20
- results: a,
21
- resultsComparison: e,
22
- reversePositiveNegativeColors: L,
23
- percentageDecimalPlaces: S,
24
- setComparisonDateRange: j
25
- } = s;
26
- O(() => {
27
- const n = E(
28
- m,
29
- r,
30
- t
31
- );
32
- j(n);
33
- }, [r, JSON.stringify(m), t]);
34
- const x = (g = (c = a.data) == null ? void 0 : c[0]) == null ? void 0 : g[o.name], D = C ? (p = (l = e == null ? void 0 : e.data) == null ? void 0 : l[0]) == null ? void 0 : p[o.name] : void 0, R = N(t), F = (n) => R.data(o, n), z = `vs ${V(r, t).toLowerCase()}`, d = {
35
- isLoading: !!(a.isLoading || e != null && e.isLoading),
36
- data: !(a != null && a.data) && !(e != null && e.data) ? void 0 : [
37
- ...(h = a.data) != null && h.length ? [{ label: i.t("charts.primaryPeriod"), ...a.data[0] }] : [],
38
- ...(f = e == null ? void 0 : e.data) != null && f.length ? [{ label: i.t("charts.comparisonPeriod"), ...e.data[0] }] : []
39
- ]
40
- };
41
- return /* @__PURE__ */ v.jsx(
42
- M,
43
- {
44
- data: d,
45
- dimensionsAndMeasures: [
46
- // Add a label dimension to distinguish primary and comparison periods in exports
47
- {
48
- name: "label",
49
- title: i.t("charts.label"),
50
- nativeType: "string",
51
- __type__: "dimension"
52
- },
53
- o
54
- ],
55
- errorMessage: a.error,
56
- subtitle: P,
57
- title: b,
58
- children: /* @__PURE__ */ v.jsx(
59
- K,
60
- {
61
- value: x,
62
- comparisonValue: d.isLoading ? void 0 : D,
63
- valueFormatter: F,
64
- valueFontSize: _,
65
- changeFontSize: u,
66
- invertChangeColors: L,
67
- showChangeAsPercentage: y,
68
- comparisonLabel: z,
69
- percentageDecimalPlaces: S
70
- }
71
- )
72
- }
73
- );
74
- }, Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
75
- __proto__: null,
76
- default: B
77
- }, Symbol.toStringTag, { value: "Module" }));
78
- export {
79
- B as K,
80
- Q as i
81
- };
82
- //# sourceMappingURL=index-Dj2GCs_C.js.map
@@ -1,152 +0,0 @@
1
- import { T as x, c, u as W, i as z, k as G, j as y, n as U, o as V } from "./index-CK9V-wz1.js";
2
- import { useTheme as q } from "@embeddable.com/react";
3
- import { a as B, r as J, i as K } from "./component.constants-Dhb2rtRh.js";
4
- import { C as Q } from "./ChartCard-DbWy6Y6D.js";
5
- import { useState as D, useRef as X, useCallback as Y, useEffect as g } from "react";
6
- import { g as Z } from "./formatter.utils-Bdp9Y-Lv.js";
7
- const $ = (e) => {
8
- var a;
9
- const t = (a = e.inputs) == null ? void 0 : a.align;
10
- if (t) return t;
11
- switch (e.nativeType) {
12
- case "number":
13
- case "boolean":
14
- case "time":
15
- return x.RIGHT;
16
- default:
17
- return x.LEFT;
18
- }
19
- }, M = (e) => {
20
- var a;
21
- const t = (a = e.inputs) == null ? void 0 : a.width;
22
- if (t) return t;
23
- switch (e.nativeType) {
24
- case "string":
25
- return c("--em-tablechart-min-width--string", "8.75rem");
26
- case "number":
27
- return c("--em-tablechart-min-width--number", "5.625rem");
28
- case "time":
29
- return c("--em-tablechart-min-width--time", "8.75rem");
30
- case "boolean":
31
- default:
32
- return c("--em-tablechart-min-width--boolean", "5.625rem");
33
- }
34
- }, O = (e, t) => {
35
- const a = Z(t);
36
- return e.dimensionsAndMeasures.map((i) => ({
37
- id: i.name,
38
- title: a.dimensionOrMeasureTitle(i),
39
- accessor: (o) => o[i.name] == null ? e.displayNullAs ?? "" : a.data(i, o[i.name]),
40
- minWidth: M(i),
41
- align: $(i)
42
- }));
43
- }, ee = (e) => {
44
- var a;
45
- if (!e.rows || e.rows.length === 0)
46
- return [];
47
- const t = (a = e.clickDimension) == null ? void 0 : a.name;
48
- return !t || Object.keys(e.rows[0]).includes(t) ? e.rows : e.rows.map(({ [t]: i, ...o }) => ({
49
- ...o
50
- }));
51
- }, te = (e, t) => (e == null ? void 0 : e.id) !== (t == null ? void 0 : t.id) || (e == null ? void 0 : e.direction) !== (t == null ? void 0 : t.direction) || !e && !!t || !!e && !t, ae = c("--em-tablechart-cell-height", "2.5rem"), ne = c("--em-tablechart-cell-height", "2.5rem"), ie = c("--em-tablechart-pagination-height", "3rem");
52
- let I;
53
- const se = (e) => {
54
- const t = q();
55
- B(t);
56
- const [a, i] = D(void 0), [o, S] = D(!1), { description: j, title: R } = J(e), {
57
- results: n,
58
- allResults: h,
59
- dimensionsAndMeasures: b,
60
- displayNullAs: v,
61
- showIndex: A,
62
- clickDimension: f,
63
- state: r,
64
- setState: H,
65
- onRowClicked: L
66
- } = e, [m, P] = D(r.sort), _ = O({ dimensionsAndMeasures: b, displayNullAs: v }, t), T = (n == null ? void 0 : n.data) || [], E = ee({ rows: T, clickDimension: f }), w = X(null), N = W(w), d = z({
67
- availableHeight: N,
68
- headerHeight: ae,
69
- rowHeight: ne,
70
- footerHeight: ie
71
- }), l = Y(
72
- (s) => {
73
- H((u) => ({
74
- ...u,
75
- ...s
76
- }));
77
- },
78
- [H]
79
- ), C = (s) => {
80
- S(!0), l({ isLoadingDownloadData: !0 }), I = (u) => s({
81
- title: R,
82
- data: u,
83
- dimensionsAndMeasures: b,
84
- containerRef: w,
85
- theme: t
86
- });
87
- }, F = (s) => {
88
- var p;
89
- if (!f) return;
90
- const u = (p = T[s]) == null ? void 0 : p[f.name];
91
- L(u);
92
- }, k = G(l);
93
- return g(() => {
94
- te(r.sort, m) && P(r.sort);
95
- }, [r.sort]), g(() => {
96
- k({ sort: m });
97
- }, [m, k]), g(() => {
98
- d && l({ pageSize: d });
99
- }, [d, l]), g(() => {
100
- n != null && n.total && n.total !== a && i(n.total);
101
- }, [n, a]), g(() => {
102
- if (o) {
103
- if (!h || h.isLoading)
104
- return;
105
- I(h.data), S(!1), l({ isLoadingDownloadData: !1 });
106
- }
107
- }, [o, h, l]), /* @__PURE__ */ y.jsx(
108
- Q,
109
- {
110
- ref: w,
111
- title: R,
112
- subtitle: j,
113
- data: n,
114
- dimensionsAndMeasures: b,
115
- errorMessage: n == null ? void 0 : n.error,
116
- onCustomDownload: C,
117
- children: /* @__PURE__ */ y.jsx(
118
- U,
119
- {
120
- onRowIndexClick: F,
121
- headers: _,
122
- rows: E,
123
- showIndex: A,
124
- page: r.page,
125
- pageSize: d,
126
- paginationLabel: K.t("charts.tablePaginated.pagination", {
127
- page: r.page + 1,
128
- totalPages: V(a, d) ?? "?"
129
- }),
130
- total: a,
131
- sort: m,
132
- onSortChange: (s) => {
133
- P(s);
134
- },
135
- onPageChange: (s) => l({ page: s })
136
- }
137
- )
138
- }
139
- );
140
- }, ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
141
- __proto__: null,
142
- default: se
143
- }, Symbol.toStringTag, { value: "Module" }));
144
- export {
145
- se as T,
146
- M as a,
147
- O as b,
148
- ee as c,
149
- $ as g,
150
- ge as i
151
- };
152
- //# sourceMappingURL=index-zt-UY8xi.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-zt-UY8xi.js","sources":["../src/components/charts/tables/tables.utils.ts","../src/components/charts/tables/TableChartPaginated/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n getStyleNumber,\n TableHeaderAlign,\n TableHeaderItem,\n TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n const subInputAlign = dimOrMeas.inputs?.align;\n\n if (subInputAlign) return subInputAlign;\n\n // Get width by native type\n switch (dimOrMeas.nativeType) {\n case 'number':\n case 'boolean':\n case 'time':\n return TableHeaderAlign.RIGHT;\n default:\n return TableHeaderAlign.LEFT;\n }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n const subInputWidth = dimOrMeas.inputs?.width;\n\n if (subInputWidth) return subInputWidth;\n\n // Get width by native type\n switch (dimOrMeas.nativeType) {\n case 'string':\n return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n case 'number':\n return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n case 'time':\n return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n case 'boolean':\n default:\n return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n }\n};\n\nexport const getTableHeaders = (\n props: {\n dimensionsAndMeasures: DimensionOrMeasure[];\n displayNullAs?: string;\n },\n theme: Theme,\n): TableHeaderItem<any>[] => {\n const themeFormatter = getThemeFormatter(theme);\n return props.dimensionsAndMeasures.map((dimOrMeas) => ({\n id: dimOrMeas.name,\n title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n accessor: (row: any) => {\n if (row[dimOrMeas.name] == null) {\n return props.displayNullAs ?? '';\n }\n return themeFormatter.data(dimOrMeas, row[dimOrMeas.name]);\n },\n minWidth: getTableHeaderMinWidth(dimOrMeas),\n align: getTableHeaderAlign(dimOrMeas),\n }));\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n if (!props.rows || props.rows.length === 0) {\n return [];\n }\n\n const clickDimensionName = props.clickDimension?.name;\n\n if (!clickDimensionName || Object.keys(props.rows[0]!).includes(clickDimensionName)) {\n return props.rows;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n ...row,\n }));\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n getStyleNumber,\n getTableTotalPages,\n TablePaginated,\n useTableGetRowsPerPage,\n useDebounce,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useObserverHeight } from '@embeddable.com/remarkable-ui';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\nconst hasSortChanges = (\n sort: TableChartPaginatedProState['sort'],\n sortToCompare: TableChartPaginatedProState['sort'],\n): boolean => {\n const changed =\n sort?.id !== sortToCompare?.id ||\n sort?.direction !== sortToCompare?.direction ||\n (!sort && !!sortToCompare) ||\n (!!sort && !sortToCompare);\n\n return changed;\n};\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n page: number;\n pageSize?: number;\n sort?: { id: string; direction: OrderDirection } | undefined;\n isLoadingDownloadData: boolean;\n};\n\ntype TableChartPaginatedProProps = {\n embeddableState: TableChartPaginatedProState;\n title: string;\n description: string;\n displayNullAs?: string;\n results: DataResponse;\n dimensionsAndMeasures: DimensionOrMeasure[];\n showIndex: boolean;\n allResults?: DataResponse;\n clickDimension?: Dimension;\n state: TableChartPaginatedProState;\n setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n};\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [total, setTotal] = useState<number | undefined>(undefined);\n const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n const { description, title } = resolveI18nProps(props);\n const {\n results,\n allResults,\n dimensionsAndMeasures,\n displayNullAs,\n showIndex,\n clickDimension,\n state,\n setState,\n onRowClicked,\n } = props;\n\n const [localSort, setLocalSort] = useState(state.sort);\n\n const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n const rows = results?.data || [];\n const tableRows = getTableRows({ rows, clickDimension });\n const cardContentRef = useRef<HTMLDivElement>(null);\n const chartHeight = useObserverHeight(cardContentRef);\n const pageSize = useTableGetRowsPerPage({\n availableHeight: chartHeight,\n headerHeight,\n rowHeight,\n footerHeight,\n });\n\n // Stable updater for embeddable state\n const handleUpdateEmbeddableState = useCallback(\n (newState: Partial<TableChartPaginatedProState>) => {\n setState((prevState) => ({\n ...prevState,\n ...newState,\n }));\n },\n [setState],\n );\n\n const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsDownloadingData(true);\n handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n downloadData = (data: DataResponse['data']) =>\n onDownload({\n title,\n data,\n dimensionsAndMeasures,\n containerRef: cardContentRef,\n theme,\n });\n };\n\n const handleRowIndexClick = (rowIndex: number) => {\n if (!clickDimension) return;\n\n const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n onRowClicked(rowDimensionValue);\n };\n\n const debouncedUpdateState = useDebounce(handleUpdateEmbeddableState);\n\n // Sync local sort with embeddable state\n useEffect(() => {\n if (hasSortChanges(state.sort, localSort)) setLocalSort(state.sort);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [state.sort]);\n\n // Debounce sort updates to embeddable state\n useEffect(() => {\n debouncedUpdateState({ sort: localSort });\n }, [localSort, debouncedUpdateState]);\n\n // Sync page size changes to embeddable state\n useEffect(() => {\n if (pageSize) {\n handleUpdateEmbeddableState({ pageSize });\n }\n }, [pageSize, handleUpdateEmbeddableState]);\n\n // Sync total from results\n useEffect(() => {\n if (results?.total && results.total !== total) {\n setTotal(results.total);\n }\n }, [results, total]);\n\n // Handle data download when allResults is ready\n useEffect(() => {\n if (isDownloadingData) {\n if (!allResults || allResults.isLoading) {\n // Loading data to download\n return;\n }\n\n downloadData(allResults.data);\n setIsDownloadingData(false);\n handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n }\n }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n return (\n <ChartCard\n ref={cardContentRef}\n title={title}\n subtitle={description}\n data={results}\n dimensionsAndMeasures={dimensionsAndMeasures}\n errorMessage={results?.error}\n onCustomDownload={handleCustomDownload}\n >\n <TablePaginated\n onRowIndexClick={handleRowIndexClick}\n headers={headers}\n rows={tableRows}\n showIndex={showIndex}\n page={state.page}\n pageSize={pageSize}\n paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n page: state.page + 1,\n totalPages: getTableTotalPages(total, pageSize) ?? '?',\n })}\n total={total}\n sort={localSort}\n onSortChange={(newSort) => {\n setLocalSort(newSort as TableChartPaginatedProState['sort']);\n }}\n onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n />\n </ChartCard>\n );\n};\n\nexport default TableChartPaginatedPro;\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","row","getTableRows","clickDimensionName","_","hasSortChanges","sort","sortToCompare","headerHeight","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","useTheme","i18nSetup","total","setTotal","useState","isDownloadingData","setIsDownloadingData","description","title","resolveI18nProps","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","localSort","setLocalSort","headers","rows","tableRows","cardContentRef","useRef","chartHeight","useObserverHeight","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","debouncedUpdateState","useDebounce","useEffect","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newSort","newPage"],"mappings":"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"}