@embeddable.com/remarkable-pro 0.0.4 → 0.0.5

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 (116) hide show
  1. package/dist/BarChartDefaultHorizontalPro.js +25 -85
  2. package/dist/BarChartDefaultHorizontalPro.js.map +1 -1
  3. package/dist/BarChartDefaultPro.js +25 -84
  4. package/dist/BarChartDefaultPro.js.map +1 -1
  5. package/dist/BarChartGroupedHorizontalPro.js +33 -102
  6. package/dist/BarChartGroupedHorizontalPro.js.map +1 -1
  7. package/dist/BarChartGroupedPro.js +27 -95
  8. package/dist/BarChartGroupedPro.js.map +1 -1
  9. package/dist/BarChartStackedHorizontalPro.js +28 -98
  10. package/dist/BarChartStackedHorizontalPro.js.map +1 -1
  11. package/dist/BarChartStackedPro.js +28 -97
  12. package/dist/BarChartStackedPro.js.map +1 -1
  13. package/dist/{ChartCard-C7c2rTst.js → ChartCard-DPqhmLst.js} +19 -19
  14. package/dist/{ChartCard-C7c2rTst.js.map → ChartCard-DPqhmLst.js.map} +1 -1
  15. package/dist/{Color.type.emb-CSPAaucR.js → Color.type.emb-WlORCMYm.js} +2 -2
  16. package/dist/{Color.type.emb-CSPAaucR.js.map → Color.type.emb-WlORCMYm.js.map} +1 -1
  17. package/dist/ColorEditor.js +2 -2
  18. package/dist/{ComparisonPeriod.type.emb-DOpJ1iWj.js → ComparisonPeriod.type.emb-2GetmOu1.js} +2 -2
  19. package/dist/{ComparisonPeriod.type.emb-DOpJ1iWj.js.map → ComparisonPeriod.type.emb-2GetmOu1.js.map} +1 -1
  20. package/dist/ComparisonPeriodSelectFieldPro.js +17 -58
  21. package/dist/ComparisonPeriodSelectFieldPro.js.map +1 -1
  22. package/dist/DateRangeSelectFieldPro.js +3 -3
  23. package/dist/DonutChartPro.js +3 -3
  24. package/dist/DonutLabelChartPro.js +3 -3
  25. package/dist/EditorCard-BaL9GbQ9.js +32 -0
  26. package/dist/{EditorCard-BtlvgP9q.js.map → EditorCard-BaL9GbQ9.js.map} +1 -1
  27. package/dist/HeatMapPro.js +26 -93
  28. package/dist/HeatMapPro.js.map +1 -1
  29. package/dist/KpiChartNumberComparisonPro.js +25 -94
  30. package/dist/KpiChartNumberComparisonPro.js.map +1 -1
  31. package/dist/KpiChartNumberPro.js +14 -31
  32. package/dist/KpiChartNumberPro.js.map +1 -1
  33. package/dist/LineChartComparisonDefaultPro.js +59 -370
  34. package/dist/LineChartComparisonDefaultPro.js.map +1 -1
  35. package/dist/LineChartDefaultPro.js +31 -179
  36. package/dist/LineChartDefaultPro.js.map +1 -1
  37. package/dist/LineChartGroupedPro.js +30 -174
  38. package/dist/LineChartGroupedPro.js.map +1 -1
  39. package/dist/MultiSelectFieldPro.js +3 -3
  40. package/dist/PieChartPro.js +3 -3
  41. package/dist/PivotTablePro.js +23 -145
  42. package/dist/PivotTablePro.js.map +1 -1
  43. package/dist/SingleSelectFieldPro.js +3 -3
  44. package/dist/TableChartPaginated.js +37 -172
  45. package/dist/TableChartPaginated.js.map +1 -1
  46. package/dist/{bars.utils-JRnFN04m.js → bars.utils-aO0eZx5e.js} +7 -7
  47. package/dist/{bars.utils-JRnFN04m.js.map → bars.utils-aO0eZx5e.js.map} +1 -1
  48. package/dist/{charts.utils-DAkS2VK1.js → charts.utils-CZnXoUqF.js} +4 -4
  49. package/dist/{charts.utils-DAkS2VK1.js.map → charts.utils-CZnXoUqF.js.map} +1 -1
  50. package/dist/{component.constants-h6et83ck.js → component.constants-C7cqSNbp.js} +2 -2
  51. package/dist/{component.constants-h6et83ck.js.map → component.constants-C7cqSNbp.js.map} +1 -1
  52. package/dist/components/charts/tables/HeatMapPro/index.d.ts.map +1 -1
  53. package/dist/components/charts/tables/PivotTablePro/PivotPro.utils.d.ts +1 -4
  54. package/dist/components/charts/tables/PivotTablePro/PivotPro.utils.d.ts.map +1 -1
  55. package/dist/components/charts/tables/PivotTablePro/index.d.ts.map +1 -1
  56. package/dist/components/charts/tables/tables.hooks.d.ts +17 -0
  57. package/dist/components/charts/tables/tables.hooks.d.ts.map +1 -0
  58. package/dist/embeddable-components.json +12 -12
  59. package/dist/{formatter.utils-DXzI4Hz_.js → formatter.utils-CfrcSyDX.js} +2 -2
  60. package/dist/{formatter.utils-DXzI4Hz_.js.map → formatter.utils-CfrcSyDX.js.map} +1 -1
  61. package/dist/{index-QOVQo6ZK.js → index-2EH0Voxh.js} +5 -5
  62. package/dist/{index-QOVQo6ZK.js.map → index-2EH0Voxh.js.map} +1 -1
  63. package/dist/index-85Nzu6wl.js +95 -0
  64. package/dist/index-85Nzu6wl.js.map +1 -0
  65. package/dist/index-9GEogpMN.js +82 -0
  66. package/dist/index-9GEogpMN.js.map +1 -0
  67. package/dist/{index-Czj-HZH9.js → index-BAomPP89.js} +5 -5
  68. package/dist/{index-Czj-HZH9.js.map → index-BAomPP89.js.map} +1 -1
  69. package/dist/{index-B4S34Z5S.js → index-BQf2W8Zn.js} +6 -6
  70. package/dist/{index-B4S34Z5S.js.map → index-BQf2W8Zn.js.map} +1 -1
  71. package/dist/index-BSc_Axva.js +326 -0
  72. package/dist/index-BSc_Axva.js.map +1 -0
  73. package/dist/index-BjdJeBiT.js +73 -0
  74. package/dist/index-BjdJeBiT.js.map +1 -0
  75. package/dist/index-C1EIos9z.js +159 -0
  76. package/dist/index-C1EIos9z.js.map +1 -0
  77. package/dist/index-C_F-ZHJz.js +163 -0
  78. package/dist/index-C_F-ZHJz.js.map +1 -0
  79. package/dist/index-Cc-mtCkt.js +83 -0
  80. package/dist/index-Cc-mtCkt.js.map +1 -0
  81. package/dist/index-CvmifdRS.js +72 -0
  82. package/dist/index-CvmifdRS.js.map +1 -0
  83. package/dist/index-D1L8EF47.js +82 -0
  84. package/dist/index-D1L8EF47.js.map +1 -0
  85. package/dist/{index-BR6dp5RX.js → index-D8D1R5YG.js} +12 -12
  86. package/dist/{index-BR6dp5RX.js.map → index-D8D1R5YG.js.map} +1 -1
  87. package/dist/index-DGz1wzRd.js +81 -0
  88. package/dist/index-DGz1wzRd.js.map +1 -0
  89. package/dist/index-DORMEL0e.js +82 -0
  90. package/dist/index-DORMEL0e.js.map +1 -0
  91. package/dist/index-DTuHmdil.js +89 -0
  92. package/dist/index-DTuHmdil.js.map +1 -0
  93. package/dist/index-DZU1PTjb.js +148 -0
  94. package/dist/index-DZU1PTjb.js.map +1 -0
  95. package/dist/index-DaeSYZkv.js +30 -0
  96. package/dist/index-DaeSYZkv.js.map +1 -0
  97. package/dist/{index-CWYH2gE2.js → index-Dhwlo6sD.js} +5 -5
  98. package/dist/{index-CWYH2gE2.js.map → index-Dhwlo6sD.js.map} +1 -1
  99. package/dist/{index-C8O2asSv.js → index-L9ViZuWi.js} +5 -5
  100. package/dist/{index-C8O2asSv.js.map → index-L9ViZuWi.js.map} +1 -1
  101. package/dist/{index-DF-AuKua.js → index-WCMGd0_l.js} +15 -14
  102. package/dist/{index-DF-AuKua.js.map → index-WCMGd0_l.js.map} +1 -1
  103. package/dist/index-wy7P41uG.js +56 -0
  104. package/dist/index-wy7P41uG.js.map +1 -0
  105. package/dist/index.d.ts +27 -6
  106. package/dist/index.d.ts.map +1 -1
  107. package/dist/index.js +117 -74
  108. package/dist/index.js.map +1 -1
  109. package/dist/{pies.utils-Bl8jquyV.js → pies.utils-DlK4ABKU.js} +5 -5
  110. package/dist/{pies.utils-Bl8jquyV.js.map → pies.utils-DlK4ABKU.js.map} +1 -1
  111. package/dist/tables.hooks-BQdyUxau.js +45 -0
  112. package/dist/tables.hooks-BQdyUxau.js.map +1 -0
  113. package/dist/{timeRange.utils-CslTQiVA.js → timeRange.utils-CWl9EGOR.js} +2 -2
  114. package/dist/{timeRange.utils-CslTQiVA.js.map → timeRange.utils-CWl9EGOR.js.map} +1 -1
  115. package/package.json +1 -1
  116. package/dist/EditorCard-BtlvgP9q.js +0 -32
@@ -1 +1 @@
1
- {"version":3,"file":"BarChartGroupedPro.js","sources":["../src/components/charts/bars/BarChartGroupedPro/index.tsx","../src/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartGroupedProProps = {\n description: string;\n groupBy: Dimension;\n measure: Measure;\n results: DataResponse;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showTotalLabels?: boolean;\n showValueLabels: boolean;\n title: string;\n xAxis: Dimension;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n onBarClicked: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n};\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const {\n description,\n groupBy,\n measure,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n title,\n xAxis,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n onBarClicked,\n } = resolveI18nProps(props);\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.xAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: xAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n theme,\n ),\n theme.charts?.barChartGroupedPro?.options || {},\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, xAxis, groupBy]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <BarChart\n data={data}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n showLogarithmicScale={showLogarithmicScale}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n reverseXAxis={reverseXAxis}\n yAxisRangeMin={yAxisRangeMin}\n yAxisRangeMax={yAxisRangeMax}\n showTotalLabels={showTotalLabels}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default BarChartGroupedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartGroupedPro from './index';\nimport {\n dataset,\n description,\n dimensionWithDateBounds,\n dimension,\n showLegend,\n showTooltips,\n showValueLabels,\n title,\n measure,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n name: 'BarChartGroupedPro',\n label: 'Bar Chart - Grouped',\n category: 'Bar Charts',\n inputs: [\n dataset,\n measure,\n { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n { ...dimension, name: 'groupBy', label: 'Group by' },\n title,\n description,\n maxResults,\n showLegend,\n showTooltips,\n { ...showValueLabels, defaultValue: false },\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n ],\n events: [\n {\n name: 'onBarClicked',\n label: 'A bar is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n {\n name: 'groupingDimensionValue',\n label: 'Clicked Grouping Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartGroupedPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n }),\n };\n },\n events: {\n onBarClicked: (value) => {\n return {\n axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n };\n },\n },\n});\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartGroupedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}
1
+ {"version":3,"file":"BarChartGroupedPro.js","sources":["../src/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartGroupedPro from './index';\nimport {\n dataset,\n description,\n dimensionWithDateBounds,\n dimension,\n showLegend,\n showTooltips,\n showValueLabels,\n title,\n measure,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n name: 'BarChartGroupedPro',\n label: 'Bar Chart - Grouped',\n category: 'Bar Charts',\n inputs: [\n dataset,\n measure,\n { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n { ...dimension, name: 'groupBy', label: 'Group by' },\n title,\n description,\n maxResults,\n showLegend,\n showTooltips,\n { ...showValueLabels, defaultValue: false },\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n ],\n events: [\n {\n name: 'onBarClicked',\n label: 'A bar is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n {\n name: 'groupingDimensionValue',\n label: 'Clicked Grouping Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartGroupedPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n }),\n };\n },\n events: {\n onBarClicked: (value) => {\n return {\n axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n };\n },\n },\n});\n"],"names":["meta","dataset","measure","dimensionWithDateBounds","dimension","title","description","maxResults","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisLabel","yAxisLabel","reverseXAxis","yAxisRangeMin","yAxisRangeMax","BarChartGroupedPro_emb","defineComponent","BarChartGroupedPro","inputs","loadData","value","Value"],"mappings":";;;;AAsBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IACpD,EAAE,GAAGC,GAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IACxCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAiB,cAAc,GAAA;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAoBnB,GAAM;AAAA,EACvD,OAAO,CAACoB,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,OAAOD,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}
@@ -1,99 +1,29 @@
1
- import { m as L, j as m, B as f, V as u, l as w } from "./index-BR6dp5RX.js";
2
- import { useTheme as S, defineComponent as z } from "@embeddable.com/react";
3
- import { a as R, r as M, v as P, D as H, z as v, w as T, F as j, G as F, H as G, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W, L as _ } from "./component.constants-h6et83ck.js";
4
- import { C as q } from "./ChartCard-C7c2rTst.js";
5
- import { b as Q, a as X } from "./bars.utils-JRnFN04m.js";
6
- import { u as Z } from "./charts.fillGaps.hooks-YayOXVmt.js";
7
- const $ = (a) => {
8
- var n, l;
9
- const e = S();
10
- R(e);
11
- const {
12
- description: d,
13
- groupBy: i,
14
- measure: s,
15
- reverseYAxis: x,
16
- showLegend: c,
17
- showLogarithmicScale: h,
18
- showTooltips: g,
19
- showTotalLabels: p,
20
- showValueLabels: b,
21
- title: C,
22
- yAxis: o,
23
- xAxisLabel: A,
24
- yAxisLabel: B,
25
- xAxisRangeMax: V,
26
- xAxisRangeMin: k,
27
- onBarClicked: y
28
- } = M(a), r = Z({
29
- results: a.results,
30
- dimension: a.yAxis
31
- }), t = Q(
32
- {
33
- data: r.data,
34
- dimension: o,
35
- groupDimension: i,
36
- measure: s
37
- },
38
- e
39
- ), D = L(
40
- X(
41
- { measures: [s], horizontal: !0, onBarClicked: y, data: t, dimension: o },
42
- e
43
- ),
44
- ((l = (n = e.charts) == null ? void 0 : n.barChartStackedHorizontalPro) == null ? void 0 : l.options) || {}
45
- );
46
- return /* @__PURE__ */ m.jsx(
47
- q,
48
- {
49
- data: r,
50
- dimensionsAndMeasures: [s, o, i],
51
- errorMessage: r.error,
52
- subtitle: d,
53
- title: C,
54
- children: /* @__PURE__ */ m.jsx(
55
- f,
56
- {
57
- data: t,
58
- showLegend: c,
59
- showTooltips: g,
60
- showValueLabels: b,
61
- showLogarithmicScale: h,
62
- xAxisLabel: A,
63
- yAxisLabel: B,
64
- reverseYAxis: x,
65
- xAxisRangeMin: k,
66
- xAxisRangeMax: V,
67
- showTotalLabels: p,
68
- options: D,
69
- stacked: !0,
70
- horizontal: !0
71
- }
72
- )
73
- }
74
- );
75
- }, aa = {
1
+ import { V as e, l as s } from "./index-D8D1R5YG.js";
2
+ import { defineComponent as i } from "@embeddable.com/react";
3
+ import { B as o } from "./index-Cc-mtCkt.js";
4
+ import { v as r, D as l, z as n, w as t, F as m, G as u, H as d, I as x, J as c, K as p, M as g, N as b, O as V, R as h, U as B, V as D, L as C } from "./component.constants-C7cqSNbp.js";
5
+ const f = {
76
6
  name: "BarChartStackedHorizontalPro",
77
7
  label: "Bar Chart - Stacked Horizontal",
78
8
  category: "Bar Charts",
79
9
  inputs: [
80
- P,
81
- H,
82
- { ...v, name: "yAxis", label: "Y-axis" },
83
- { ...T, name: "groupBy", label: "Group by" },
84
- j,
85
- F,
86
- G,
87
- Y,
88
- I,
89
- { ...O, defaultValue: !1 },
90
- E,
91
- J,
92
- K,
93
- N,
94
- U,
95
- W,
96
- _
10
+ r,
11
+ l,
12
+ { ...n, name: "yAxis", label: "Y-axis" },
13
+ { ...t, name: "groupBy", label: "Group by" },
14
+ m,
15
+ u,
16
+ d,
17
+ x,
18
+ c,
19
+ { ...p, defaultValue: !1 },
20
+ g,
21
+ b,
22
+ V,
23
+ h,
24
+ B,
25
+ D,
26
+ C
97
27
  ],
98
28
  events: [
99
29
  {
@@ -113,10 +43,10 @@ const $ = (a) => {
113
43
  ]
114
44
  }
115
45
  ]
116
- }, na = z($, aa, {
46
+ }, w = i(o, f, {
117
47
  props: (a) => ({
118
48
  ...a,
119
- results: w({
49
+ results: s({
120
50
  limit: a.maxResults,
121
51
  from: a.dataset,
122
52
  select: [a.yAxis, a.groupBy, a.measure]
@@ -124,13 +54,13 @@ const $ = (a) => {
124
54
  }),
125
55
  events: {
126
56
  onBarClicked: (a) => ({
127
- axisDimensionValue: a.axisDimensionValue || u.noFilter(),
128
- groupingDimensionValue: a.groupingDimensionValue || u.noFilter()
57
+ axisDimensionValue: a.axisDimensionValue || e.noFilter(),
58
+ groupingDimensionValue: a.groupingDimensionValue || e.noFilter()
129
59
  })
130
60
  }
131
61
  });
132
62
  export {
133
- na as default,
134
- aa as meta
63
+ w as default,
64
+ f as meta
135
65
  };
136
66
  //# sourceMappingURL=BarChartStackedHorizontalPro.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartHorizontalStackedProProps = {\n description: string;\n groupBy: Dimension;\n measure: Measure;\n results: DataResponse;\n reverseYAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showTotalLabels?: boolean;\n showValueLabels: boolean;\n title: string;\n yAxis: Dimension;\n xAxisLabel: string;\n yAxisLabel: string;\n xAxisRangeMax?: number;\n xAxisRangeMin?: number;\n onBarClicked: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n};\n\nconst BarChartHorizontalStackedPro = (props: BarChartHorizontalStackedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const {\n description,\n groupBy,\n measure,\n reverseYAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n title,\n yAxis,\n xAxisLabel,\n yAxisLabel,\n xAxisRangeMax,\n xAxisRangeMin,\n onBarClicked,\n } = resolveI18nProps(props);\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.yAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: yAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n theme,\n ),\n theme.charts?.barChartStackedHorizontalPro?.options || {},\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, yAxis, groupBy]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <BarChart\n data={data}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n showLogarithmicScale={showLogarithmicScale}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n reverseYAxis={reverseYAxis}\n xAxisRangeMin={xAxisRangeMin}\n xAxisRangeMax={xAxisRangeMax}\n showTotalLabels={showTotalLabels}\n options={options}\n stacked\n horizontal\n />\n </ChartCard>\n );\n};\n\nexport default BarChartHorizontalStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedHorizontalPro from './index';\nimport {\n dataset,\n description,\n dimensionWithDateBounds,\n dimension,\n showLegend,\n showTooltips,\n showValueLabels,\n title,\n measure,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n showTotalLabels,\n reverseYAxis,\n xAxisRangeMin,\n xAxisRangeMax,\n maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n name: 'BarChartStackedHorizontalPro',\n label: 'Bar Chart - Stacked Horizontal',\n category: 'Bar Charts',\n inputs: [\n dataset,\n measure,\n { ...dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n { ...dimension, name: 'groupBy', label: 'Group by' },\n title,\n description,\n maxResults,\n showLegend,\n showTooltips,\n { ...showValueLabels, defaultValue: false },\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseYAxis,\n xAxisRangeMin,\n xAxisRangeMax,\n showTotalLabels,\n ],\n events: [\n {\n name: 'onBarClicked',\n label: 'A bar is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n {\n name: 'groupingDimensionValue',\n label: 'Clicked Grouping Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedHorizontalPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n }),\n };\n },\n events: {\n onBarClicked: (value) => {\n return {\n axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n };\n },\n },\n});\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedHorizontalPro_emb","defineComponent","BarChartStackedHorizontalPro","inputs","loadData","value","Value"],"mappings":"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"}
1
+ {"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedHorizontalPro from './index';\nimport {\n dataset,\n description,\n dimensionWithDateBounds,\n dimension,\n showLegend,\n showTooltips,\n showValueLabels,\n title,\n measure,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n showTotalLabels,\n reverseYAxis,\n xAxisRangeMin,\n xAxisRangeMax,\n maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n name: 'BarChartStackedHorizontalPro',\n label: 'Bar Chart - Stacked Horizontal',\n category: 'Bar Charts',\n inputs: [\n dataset,\n measure,\n { ...dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n { ...dimension, name: 'groupBy', label: 'Group by' },\n title,\n description,\n maxResults,\n showLegend,\n showTooltips,\n { ...showValueLabels, defaultValue: false },\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseYAxis,\n xAxisRangeMin,\n xAxisRangeMax,\n showTotalLabels,\n ],\n events: [\n {\n name: 'onBarClicked',\n label: 'A bar is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n {\n name: 'groupingDimensionValue',\n label: 'Clicked Grouping Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedHorizontalPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n }),\n };\n },\n events: {\n onBarClicked: (value) => {\n return {\n axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n };\n },\n },\n});\n"],"names":["meta","dataset","measure","dimensionWithDateBounds","dimension","title","description","maxResults","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisLabel","yAxisLabel","reverseYAxis","xAxisRangeMin","xAxisRangeMax","showTotalLabels","BarChartStackedHorizontalPro_emb","defineComponent","BarChartStackedHorizontalPro","inputs","loadData","value","Value"],"mappings":";;;;AAuBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IACpD,EAAE,GAAGC,GAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IACxCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAiB,cAAc,GAAA;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAA8BpB,GAAM;AAAA,EACjE,OAAO,CAACqB,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,OAAOD,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}
@@ -1,98 +1,29 @@
1
- import { m as V, j as m, B as f, V as u, l as w } from "./index-BR6dp5RX.js";
2
- import { useTheme as S, defineComponent as P } from "@embeddable.com/react";
3
- import { a as M, r as R, v as T, D as v, z as j, w as F, F as G, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _, L as q } from "./component.constants-h6et83ck.js";
4
- import { C as Q } from "./ChartCard-C7c2rTst.js";
5
- import { b as U, a as Y } from "./bars.utils-JRnFN04m.js";
6
- import { u as Z } from "./charts.fillGaps.hooks-YayOXVmt.js";
7
- const $ = (a) => {
8
- var n, l;
9
- const e = S();
10
- M(e);
11
- const {
12
- description: d,
13
- groupBy: o,
14
- measure: s,
15
- reverseXAxis: x,
16
- showLegend: c,
17
- showLogarithmicScale: h,
18
- showTooltips: g,
19
- showTotalLabels: p,
20
- showValueLabels: b,
21
- title: C,
22
- xAxis: r,
23
- xAxisLabel: A,
24
- yAxisLabel: B,
25
- yAxisRangeMax: k,
26
- yAxisRangeMin: y,
27
- onBarClicked: D
28
- } = R(a), i = Z({
29
- results: a.results,
30
- dimension: a.xAxis
31
- }), t = U(
32
- {
33
- data: i.data,
34
- dimension: r,
35
- groupDimension: o,
36
- measure: s
37
- },
38
- e
39
- ), L = V(
40
- Y(
41
- { measures: [s], horizontal: !1, onBarClicked: D, data: t, dimension: r },
42
- e
43
- ),
44
- ((l = (n = e.charts) == null ? void 0 : n.barChartStackedPro) == null ? void 0 : l.options) || {}
45
- );
46
- return /* @__PURE__ */ m.jsx(
47
- Q,
48
- {
49
- data: i,
50
- dimensionsAndMeasures: [s, r, o],
51
- errorMessage: i.error,
52
- subtitle: d,
53
- title: C,
54
- children: /* @__PURE__ */ m.jsx(
55
- f,
56
- {
57
- data: t,
58
- showLegend: c,
59
- showTooltips: g,
60
- showValueLabels: b,
61
- showLogarithmicScale: h,
62
- xAxisLabel: A,
63
- yAxisLabel: B,
64
- reverseXAxis: x,
65
- yAxisRangeMin: y,
66
- yAxisRangeMax: k,
67
- showTotalLabels: p,
68
- options: L,
69
- stacked: !0
70
- }
71
- )
72
- }
73
- );
74
- }, aa = {
1
+ import { V as e, l as s } from "./index-D8D1R5YG.js";
2
+ import { defineComponent as i } from "@embeddable.com/react";
3
+ import { B as o } from "./index-9GEogpMN.js";
4
+ import { v as r, D as l, z as n, w as t, F as m, G as u, H as d, I as x, J as c, K as p, M as g, N as b, O as h, P as V, S as B, T as D, L as C } from "./component.constants-C7cqSNbp.js";
5
+ const f = {
75
6
  name: "BarChartStackedPro",
76
7
  label: "Bar Chart - Stacked",
77
8
  category: "Bar Charts",
78
9
  inputs: [
79
- T,
80
- v,
81
- { ...j, name: "xAxis", label: "X-axis" },
82
- { ...F, name: "groupBy", label: "Group by" },
83
- G,
84
- X,
85
- z,
86
- I,
87
- O,
88
- { ...E, defaultValue: !1 },
89
- H,
90
- J,
91
- K,
92
- N,
93
- W,
94
- _,
95
- q
10
+ r,
11
+ l,
12
+ { ...n, name: "xAxis", label: "X-axis" },
13
+ { ...t, name: "groupBy", label: "Group by" },
14
+ m,
15
+ u,
16
+ d,
17
+ x,
18
+ c,
19
+ { ...p, defaultValue: !1 },
20
+ g,
21
+ b,
22
+ h,
23
+ V,
24
+ B,
25
+ D,
26
+ C
96
27
  ],
97
28
  events: [
98
29
  {
@@ -112,10 +43,10 @@ const $ = (a) => {
112
43
  ]
113
44
  }
114
45
  ]
115
- }, na = P($, aa, {
46
+ }, w = i(o, f, {
116
47
  props: (a) => ({
117
48
  ...a,
118
- results: w({
49
+ results: s({
119
50
  limit: a.maxResults,
120
51
  from: a.dataset,
121
52
  select: [a.xAxis, a.groupBy, a.measure]
@@ -123,13 +54,13 @@ const $ = (a) => {
123
54
  }),
124
55
  events: {
125
56
  onBarClicked: (a) => ({
126
- axisDimensionValue: a.axisDimensionValue || u.noFilter(),
127
- groupingDimensionValue: a.groupingDimensionValue || u.noFilter()
57
+ axisDimensionValue: a.axisDimensionValue || e.noFilter(),
58
+ groupingDimensionValue: a.groupingDimensionValue || e.noFilter()
128
59
  })
129
60
  }
130
61
  });
131
62
  export {
132
- na as default,
133
- aa as meta
63
+ w as default,
64
+ f as meta
134
65
  };
135
66
  //# sourceMappingURL=BarChartStackedPro.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BarChartStackedPro.js","sources":["../src/components/charts/bars/BarChartStackedPro/index.tsx","../src/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartStackedProProps = {\n description: string;\n groupBy: Dimension;\n maxLegendItems?: number;\n measure: Measure;\n results: DataResponse;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTotalLabels?: boolean;\n showTooltips: boolean;\n showValueLabels: boolean;\n title: string;\n xAxis: Dimension;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n onBarClicked: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n};\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n const {\n description,\n groupBy,\n measure,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n title,\n xAxis,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n onBarClicked,\n } = resolveI18nProps(props);\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.xAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: xAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n theme,\n ),\n theme.charts?.barChartStackedPro?.options || {},\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, xAxis, groupBy]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <BarChart\n data={data}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n showLogarithmicScale={showLogarithmicScale}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n reverseXAxis={reverseXAxis}\n yAxisRangeMin={yAxisRangeMin}\n yAxisRangeMax={yAxisRangeMax}\n showTotalLabels={showTotalLabels}\n options={options}\n stacked\n />\n </ChartCard>\n );\n};\n\nexport default BarChartStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedPro from './index';\nimport {\n dataset,\n description,\n dimensionWithDateBounds,\n dimension,\n showLegend,\n showTooltips,\n showValueLabels,\n title,\n measure,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n showTotalLabels,\n maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n name: 'BarChartStackedPro',\n label: 'Bar Chart - Stacked',\n category: 'Bar Charts',\n inputs: [\n dataset,\n measure,\n { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n { ...dimension, name: 'groupBy', label: 'Group by' },\n title,\n description,\n maxResults,\n showLegend,\n showTooltips,\n { ...showValueLabels, defaultValue: false },\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n showTotalLabels,\n ],\n events: [\n {\n name: 'onBarClicked',\n label: 'A bar is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n {\n name: 'groupingDimensionValue',\n label: 'Clicked Grouping Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n }),\n };\n },\n events: {\n onBarClicked: (value) => {\n return {\n axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n };\n },\n },\n});\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}
1
+ {"version":3,"file":"BarChartStackedPro.js","sources":["../src/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedPro from './index';\nimport {\n dataset,\n description,\n dimensionWithDateBounds,\n dimension,\n showLegend,\n showTooltips,\n showValueLabels,\n title,\n measure,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n showTotalLabels,\n maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n name: 'BarChartStackedPro',\n label: 'Bar Chart - Stacked',\n category: 'Bar Charts',\n inputs: [\n dataset,\n measure,\n { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n { ...dimension, name: 'groupBy', label: 'Group by' },\n title,\n description,\n maxResults,\n showLegend,\n showTooltips,\n { ...showValueLabels, defaultValue: false },\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n showTotalLabels,\n ],\n events: [\n {\n name: 'onBarClicked',\n label: 'A bar is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n {\n name: 'groupingDimensionValue',\n label: 'Clicked Grouping Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n }),\n };\n },\n events: {\n onBarClicked: (value) => {\n return {\n axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n };\n },\n },\n});\n"],"names":["meta","dataset","measure","dimensionWithDateBounds","dimension","title","description","maxResults","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisLabel","yAxisLabel","reverseXAxis","yAxisRangeMin","yAxisRangeMax","showTotalLabels","BarChartStackedPro_emb","defineComponent","BarChartStackedPro","inputs","loadData","value","Value"],"mappings":";;;;AAuBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IACpD,EAAE,GAAGC,GAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IACxCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAiB,cAAc,GAAA;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAoBpB,GAAM;AAAA,EACvD,OAAO,CAACqB,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,OAAOD,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}
@@ -1,7 +1,7 @@
1
- import { s as R, j as t, t as D, v as w, w as I, x as S, A as k, C as L, c as N, y as x, e as M, z as b, f } from "./index-BR6dp5RX.js";
2
- import _, { useRef as T } from "react";
1
+ import { s as R, j as t, t as D, v as w, w as I, x as S, A as k, C as L, p as N, y as x, q as M, z as b, r as _ } from "./index-D8D1R5YG.js";
2
+ import f, { useRef as T } from "react";
3
3
  import { useTheme as j } from "@embeddable.com/react";
4
- import { a as v, i as C, a0 as A } from "./component.constants-h6et83ck.js";
4
+ import { a as v, i as C, a0 as A } from "./component.constants-C7cqSNbp.js";
5
5
  /**
6
6
  * @license @tabler/icons-react v3.35.0 - MIT
7
7
  *
@@ -14,19 +14,19 @@ const F = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0
14
14
  loading: O,
15
15
  hidden: P,
16
16
  chartCardRightContent: V
17
- }, z = "_loading_k5y8w_7", B = {
18
- loading: z
19
- }, y = () => /* @__PURE__ */ t.jsx(D, { className: B.loading }), K = "_list_mwshn_1", U = {
20
- list: K
17
+ }, q = "_loading_k5y8w_7", z = {
18
+ loading: q
19
+ }, p = () => /* @__PURE__ */ t.jsx(D, { className: z.loading }), B = "_list_mwshn_1", K = {
20
+ list: B
21
21
  };
22
- function q({ src: s, className: a, ...r }) {
22
+ function U({ src: s, className: a, ...r }) {
23
23
  const e = decodeURIComponent(s.replace(/^data:image\/svg\+xml,/, ""));
24
24
  return /* @__PURE__ */ t.jsx("div", { className: a, ...r, dangerouslySetInnerHTML: { __html: e } });
25
25
  }
26
26
  const G = (s) => {
27
27
  const a = j();
28
28
  v(a);
29
- const [r, e] = _.useState(!1), i = a.defaults.chartMenuOptions ?? [];
29
+ const [r, e] = f.useState(!1), i = a.defaults.chartMenuOptions ?? [];
30
30
  if (i.length === 0)
31
31
  return null;
32
32
  const d = (n) => {
@@ -45,28 +45,28 @@ const G = (s) => {
45
45
  {
46
46
  side: "bottom",
47
47
  align: "end",
48
- triggerComponent: r ? /* @__PURE__ */ t.jsx(y, {}) : /* @__PURE__ */ t.jsx(k, { icon: $ }),
49
- children: /* @__PURE__ */ t.jsx(I, { className: U.list, autoFocus: !0, children: i.map((n, l) => {
48
+ triggerComponent: r ? /* @__PURE__ */ t.jsx(p, {}) : /* @__PURE__ */ t.jsx(k, { icon: $ }),
49
+ children: /* @__PURE__ */ t.jsx(I, { className: K.list, autoFocus: !0, children: i.map((n, l) => {
50
50
  const h = C.t(n.labelKey);
51
51
  return /* @__PURE__ */ t.jsx(
52
52
  S,
53
53
  {
54
54
  label: h,
55
55
  onClick: () => c(n.onClick),
56
- startIcon: n.iconSrc ? /* @__PURE__ */ t.jsx(q, { src: n.iconSrc }) : void 0
56
+ startIcon: n.iconSrc ? /* @__PURE__ */ t.jsx(U, { src: n.iconSrc }) : void 0
57
57
  },
58
58
  l
59
59
  );
60
60
  }) })
61
61
  }
62
62
  );
63
- }, J = _.forwardRef(
63
+ }, J = f.forwardRef(
64
64
  ({ title: s, subtitle: a, children: r, data: e, errorMessage: i, dimensionsAndMeasures: d = [], ...c }, n) => {
65
65
  var g;
66
66
  const l = j();
67
67
  v(l);
68
- const h = T(null), u = !!(e != null && e.data && ((g = e.data) == null ? void 0 : g.length) > 0), m = !e || (e == null ? void 0 : e.isLoading), p = () => m && !u ? /* @__PURE__ */ t.jsx(b, {}) : i ? /* @__PURE__ */ t.jsx(
69
- f,
68
+ const h = T(null), u = !!(e != null && e.data && ((g = e.data) == null ? void 0 : g.length) > 0), m = !e || (e == null ? void 0 : e.isLoading), y = () => m && !u ? /* @__PURE__ */ t.jsx(b, {}) : i ? /* @__PURE__ */ t.jsx(
69
+ _,
70
70
  {
71
71
  variant: "error",
72
72
  icon: A,
@@ -74,7 +74,7 @@ const G = (s) => {
74
74
  message: i
75
75
  }
76
76
  ) : u ? r : /* @__PURE__ */ t.jsx(
77
- f,
77
+ _,
78
78
  {
79
79
  title: C.t("charts.emptyTitle"),
80
80
  message: C.t("charts.emptyMessage")
@@ -91,7 +91,7 @@ const G = (s) => {
91
91
  "div",
92
92
  {
93
93
  className: x(o.fixedContent, m ? o.loading : o.hidden),
94
- children: /* @__PURE__ */ t.jsx(y, {})
94
+ children: /* @__PURE__ */ t.jsx(p, {})
95
95
  }
96
96
  ),
97
97
  /* @__PURE__ */ t.jsx(
@@ -113,7 +113,7 @@ const G = (s) => {
113
113
  ] })
114
114
  }
115
115
  ),
116
- /* @__PURE__ */ t.jsx(M, { ref: c.onCustomDownload ? n : h, children: p() })
116
+ /* @__PURE__ */ t.jsx(M, { ref: c.onCustomDownload ? n : h, children: y() })
117
117
  ] });
118
118
  }
119
119
  );
@@ -121,4 +121,4 @@ J.displayName = "ChartCard";
121
121
  export {
122
122
  J as C
123
123
  };
124
- //# sourceMappingURL=ChartCard-C7c2rTst.js.map
124
+ //# sourceMappingURL=ChartCard-DPqhmLst.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartCard-C7c2rTst.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n Dropdown,\n ActionIcon,\n SelectFieldContent,\n SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n // Remove prefix and URL-decode the SVG markup\n const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isLoading, setIsLoading] = React.useState(false);\n\n const options = theme.defaults.chartMenuOptions ?? [];\n\n if (options.length === 0) {\n return null;\n }\n\n const startAction = (onClick: () => void | Promise<void>) => {\n setTimeout(() => {\n Promise.resolve(onClick()).finally(() => setIsLoading(false));\n }, 100);\n };\n\n const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsLoading(true);\n if (props.onCustomDownload) {\n props.onCustomDownload((args) => startAction(() => onClick(args)));\n return;\n }\n startAction(() => onClick({ ...props, theme }));\n };\n\n return (\n <Dropdown\n side=\"bottom\"\n align=\"end\"\n triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n >\n <SelectFieldContent className={styles.list} autoFocus>\n {options.map((option, index) => {\n const label = i18n.t(option.labelKey);\n\n return (\n <SelectListOption\n key={index}\n label={label}\n onClick={() => handleExport(option.onClick)}\n startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n />\n );\n })}\n </SelectFieldContent>\n </Dropdown>\n );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n Card,\n CardContent,\n CardFeedback,\n CardHeader,\n Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n title: string;\n subtitle?: string;\n children: React.ReactNode;\n data: DataResponse;\n isLoading?: boolean;\n errorMessage?: string;\n style?: CSSProperties;\n dimensionsAndMeasures?: (Dimension | Measure)[];\n onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n ref,\n ) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const chartRef = useRef<HTMLDivElement>(null);\n\n const hasData = Boolean(data?.data && data.data?.length > 0);\n\n const isLoading = !data || data?.isLoading;\n\n const getDisplay = () => {\n if (isLoading && !hasData) {\n return <Skeleton />;\n }\n\n if (errorMessage) {\n return (\n <CardFeedback\n variant=\"error\"\n icon={IconAlertCircle}\n title={i18n.t('charts.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n if (!hasData) {\n return (\n <CardFeedback\n title={i18n.t('charts.emptyTitle')}\n message={i18n.t('charts.emptyMessage')}\n />\n );\n }\n\n return children;\n };\n\n return (\n <Card className={styles.chartCard} {...props}>\n <CardHeader\n title={title}\n subtitle={subtitle}\n rightContent={\n <div className={styles.chartCardRightContent}>\n <div\n className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n >\n <ChartCardLoading />\n </div>\n <div\n className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n >\n <ChartCardMenuPro\n title={title}\n containerRef={chartRef}\n data={data?.data}\n dimensionsAndMeasures={dimensionsAndMeasures}\n onCustomDownload={props.onCustomDownload}\n />\n </div>\n </div>\n }\n />\n\n <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n </Card>\n );\n },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":";;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,4CAA4C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,4CAA4C,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,2CAA2C,KAAO,QAAO,CAAE,CAAC,GACxPC,IAAmBC,EAAqB,WAAW,iBAAiB,gBAAgBF,CAAU;;;;;;;;GCPvFG,IAAmB,MAAMC,gBAAAA,EAAAA,IAACC,GAAA,EAAY,WAAWC,EAAO,SAAS;;;ACgBvE,SAASC,EAAkB,EAAE,KAAAC,GAAK,WAAAC,GAAW,GAAGC,KAAgC;AAErF,QAAMC,IAAY,mBAAmBH,EAAI,QAAQ,0BAA0B,EAAE,CAAC;AAE9E,SAAOJ,gBAAAA,EAAAA,IAAC,SAAI,WAAAK,GAAuB,GAAGC,GAAM,yBAAyB,EAAE,QAAQC,EAAA,GAAa;AAC9F;AAIO,MAAMC,IAAoD,CAACC,MAAU;AAC1E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,CAACG,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAEhDC,IAAUN,EAAM,SAAS,oBAAoB,CAAA;AAEnD,MAAIM,EAAQ,WAAW;AACrB,WAAO;AAGT,QAAMC,IAAc,CAACC,MAAwC;AAC3D,eAAW,MAAM;AACf,cAAQ,QAAQA,GAAS,EAAE,QAAQ,MAAMJ,EAAa,EAAK,CAAC;AAAA,IAC9D,GAAG,GAAG;AAAA,EACR,GAEMK,IAAe,CAACD,MAA8D;AAElF,QADAJ,EAAa,EAAI,GACbL,EAAM,kBAAkB;AAC1B,MAAAA,EAAM,iBAAiB,CAACW,MAASH,EAAY,MAAMC,EAAQE,CAAI,CAAC,CAAC;AACjE;AAAA,IACF;AACA,IAAAH,EAAY,MAAMC,EAAQ,EAAE,GAAGT,GAAO,OAAAC,EAAA,CAAO,CAAC;AAAA,EAChD;AAEA,SACEV,gBAAAA,EAAAA;AAAAA,IAACqB;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,kBAAkBR,IAAYb,gBAAAA,MAACD,GAAA,CAAA,CAAiB,IAAKC,gBAAAA,EAAAA,IAACsB,GAAA,EAAW,MAAMzB,GAAkB;AAAA,MAEzF,UAAAG,gBAAAA,EAAAA,IAACuB,GAAA,EAAmB,WAAWrB,EAAO,MAAM,WAAS,IAClD,UAAAc,EAAQ,IAAI,CAACQ,GAAQC,MAAU;AAC9B,cAAMC,IAAQC,EAAK,EAAEH,EAAO,QAAQ;AAEpC,eACExB,gBAAAA,EAAAA;AAAAA,UAAC4B;AAAA,UAAA;AAAA,YAEC,OAAAF;AAAA,YACA,SAAS,MAAMP,EAAaK,EAAO,OAAO;AAAA,YAC1C,WAAWA,EAAO,UAAUxB,gBAAAA,MAACG,KAAkB,KAAKqB,EAAO,SAAS,IAAK;AAAA,UAAA;AAAA,UAHpEC;AAAA,QAAA;AAAA,MAMX,CAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,GC9CaI,IAAYd,EAAM;AAAA,EAC7B,CACE,EAAE,OAAAe,GAAO,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,cAAAC,GAAc,uBAAAC,IAAwB,CAAA,GAAI,GAAG1B,EAAA,GAChF2B,MACG;;AACH,UAAM1B,IAAeC,EAAA;AACrB,IAAAC,EAAUF,CAAK;AAEf,UAAM2B,IAAWC,EAAuB,IAAI,GAEtCC,IAAU,GAAQN,KAAA,QAAAA,EAAM,UAAQO,IAAAP,EAAK,SAAL,gBAAAO,EAAW,UAAS,IAEpD3B,IAAY,CAACoB,MAAQA,KAAA,gBAAAA,EAAM,YAE3BQ,IAAa,MACb5B,KAAa,CAAC0B,0BACRG,GAAA,EAAS,IAGfR,IAEAlC,gBAAAA,EAAAA;AAAAA,MAAC2C;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAMC;AAAA,QACN,OAAOjB,EAAK,EAAE,mBAAmB;AAAA,QACjC,SAASO;AAAA,MAAA;AAAA,IAAA,IAKVK,IASEP,IAPHhC,gBAAAA,EAAAA;AAAAA,MAAC2C;AAAA,MAAA;AAAA,QACC,OAAOhB,EAAK,EAAE,mBAAmB;AAAA,QACjC,SAASA,EAAK,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAQ7C,kCACGkB,GAAA,EAAK,WAAW3C,EAAO,WAAY,GAAGO,GACrC,UAAA;AAAA,MAAAT,gBAAAA,EAAAA;AAAAA,QAAC8C;AAAA,QAAA;AAAA,UACC,OAAAhB;AAAA,UACA,UAAAC;AAAA,UACA,cACEgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW7C,EAAO,uBACrB,UAAA;AAAA,YAAAF,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWgD,EAAK9C,EAAO,cAAcW,IAAYX,EAAO,UAAUA,EAAO,MAAM;AAAA,gBAE/E,gCAACH,GAAA,CAAA,CAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,YAEpBC,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWgD,EAAK9C,EAAO,cAAcW,IAAYX,EAAO,SAASA,EAAO,OAAO;AAAA,gBAE/E,UAAAF,gBAAAA,EAAAA;AAAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,OAAAsB;AAAA,oBACA,cAAcO;AAAA,oBACd,MAAMJ,KAAA,gBAAAA,EAAM;AAAA,oBACZ,uBAAAE;AAAA,oBACA,kBAAkB1B,EAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC1B;AAAA,YAAA;AAAA,UACF,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAIJT,gBAAAA,MAACiD,KAAY,KAAKxC,EAAM,mBAAmB2B,IAAMC,GAAW,cAAW,CAAE;AAAA,IAAA,GAC3E;AAAA,EAEJ;AACF;AAEAR,EAAU,cAAc;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"ChartCard-DPqhmLst.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n Dropdown,\n ActionIcon,\n SelectFieldContent,\n SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n // Remove prefix and URL-decode the SVG markup\n const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isLoading, setIsLoading] = React.useState(false);\n\n const options = theme.defaults.chartMenuOptions ?? [];\n\n if (options.length === 0) {\n return null;\n }\n\n const startAction = (onClick: () => void | Promise<void>) => {\n setTimeout(() => {\n Promise.resolve(onClick()).finally(() => setIsLoading(false));\n }, 100);\n };\n\n const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsLoading(true);\n if (props.onCustomDownload) {\n props.onCustomDownload((args) => startAction(() => onClick(args)));\n return;\n }\n startAction(() => onClick({ ...props, theme }));\n };\n\n return (\n <Dropdown\n side=\"bottom\"\n align=\"end\"\n triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n >\n <SelectFieldContent className={styles.list} autoFocus>\n {options.map((option, index) => {\n const label = i18n.t(option.labelKey);\n\n return (\n <SelectListOption\n key={index}\n label={label}\n onClick={() => handleExport(option.onClick)}\n startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n />\n );\n })}\n </SelectFieldContent>\n </Dropdown>\n );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n Card,\n CardContent,\n CardFeedback,\n CardHeader,\n Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n title: string;\n subtitle?: string;\n children: React.ReactNode;\n data: DataResponse;\n isLoading?: boolean;\n errorMessage?: string;\n style?: CSSProperties;\n dimensionsAndMeasures?: (Dimension | Measure)[];\n onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n ref,\n ) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const chartRef = useRef<HTMLDivElement>(null);\n\n const hasData = Boolean(data?.data && data.data?.length > 0);\n\n const isLoading = !data || data?.isLoading;\n\n const getDisplay = () => {\n if (isLoading && !hasData) {\n return <Skeleton />;\n }\n\n if (errorMessage) {\n return (\n <CardFeedback\n variant=\"error\"\n icon={IconAlertCircle}\n title={i18n.t('charts.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n if (!hasData) {\n return (\n <CardFeedback\n title={i18n.t('charts.emptyTitle')}\n message={i18n.t('charts.emptyMessage')}\n />\n );\n }\n\n return children;\n };\n\n return (\n <Card className={styles.chartCard} {...props}>\n <CardHeader\n title={title}\n subtitle={subtitle}\n rightContent={\n <div className={styles.chartCardRightContent}>\n <div\n className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n >\n <ChartCardLoading />\n </div>\n <div\n className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n >\n <ChartCardMenuPro\n title={title}\n containerRef={chartRef}\n data={data?.data}\n dimensionsAndMeasures={dimensionsAndMeasures}\n onCustomDownload={props.onCustomDownload}\n />\n </div>\n </div>\n }\n />\n\n <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n </Card>\n );\n },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
@@ -1,4 +1,4 @@
1
- import { d as e } from "./index-BR6dp5RX.js";
1
+ import { d as e } from "./index-D8D1R5YG.js";
2
2
  const r = e("color", {
3
3
  label: "Color",
4
4
  optionLabel: (o) => o.toUpperCase()
@@ -6,4 +6,4 @@ const r = e("color", {
6
6
  export {
7
7
  r as C
8
8
  };
9
- //# sourceMappingURL=Color.type.emb-CSPAaucR.js.map
9
+ //# sourceMappingURL=Color.type.emb-WlORCMYm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Color.type.emb-CSPAaucR.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n label: 'Color',\n optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}
1
+ {"version":3,"file":"Color.type.emb-WlORCMYm.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n label: 'Color',\n optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}
@@ -1,6 +1,6 @@
1
1
  import { defineEditor as l } from "@embeddable.com/react";
2
- import { C as a } from "./Color.type.emb-CSPAaucR.js";
3
- import { j as n, A as i, I as p, V as u } from "./index-BR6dp5RX.js";
2
+ import { C as a } from "./Color.type.emb-WlORCMYm.js";
3
+ import { j as n, A as i, I as p, V as u } from "./index-D8D1R5YG.js";
4
4
  import { useState as m, useEffect as C } from "react";
5
5
  const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
6
6
  colorInputContainer: I,
@@ -1,4 +1,4 @@
1
- import { d as i, b as o } from "./index-BR6dp5RX.js";
1
+ import { d as i, b as o } from "./index-D8D1R5YG.js";
2
2
  const e = i("comparisonPeriod", {
3
3
  label: "Comparison Period",
4
4
  optionLabel: (r) => r
@@ -11,4 +11,4 @@ o(e, "Previous year");
11
11
  export {
12
12
  e as C
13
13
  };
14
- //# sourceMappingURL=ComparisonPeriod.type.emb-DOpJ1iWj.js.map
14
+ //# sourceMappingURL=ComparisonPeriod.type.emb-2GetmOu1.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ComparisonPeriod.type.emb-DOpJ1iWj.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n label: 'Comparison Period',\n optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}
1
+ {"version":3,"file":"ComparisonPeriod.type.emb-2GetmOu1.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n label: 'Comparison Period',\n optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}