@milaboratories/miplots4 1.0.151 → 1.0.153

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 (98) hide show
  1. package/dist/bubble/BubbleSettingsImpl.d.ts +9 -1
  2. package/dist/bubble/BubbleSettingsImpl.d.ts.map +1 -1
  3. package/dist/bubble/BubbleSettingsImpl.js +25 -16
  4. package/dist/bubble/BubbleSettingsImpl.js.map +1 -1
  5. package/dist/bubble/ChartRenderer.d.ts +15 -5
  6. package/dist/bubble/ChartRenderer.d.ts.map +1 -1
  7. package/dist/bubble/ChartRenderer.js +146 -146
  8. package/dist/bubble/ChartRenderer.js.map +1 -1
  9. package/dist/bubble/components/Chart.d.ts +5 -5
  10. package/dist/bubble/components/Chart.d.ts.map +1 -1
  11. package/dist/bubble/components/Chart.js +46 -46
  12. package/dist/bubble/components/Chart.js.map +1 -1
  13. package/dist/bubble/components/ChartsGroup.d.ts +4 -4
  14. package/dist/bubble/components/ChartsGroup.d.ts.map +1 -1
  15. package/dist/bubble/components/ChartsGroup.js.map +1 -1
  16. package/dist/bubble/getCellTooltip.d.ts +2 -2
  17. package/dist/bubble/getCellTooltip.d.ts.map +1 -1
  18. package/dist/bubble/getCellTooltip.js +17 -17
  19. package/dist/bubble/getCellTooltip.js.map +1 -1
  20. package/dist/bubble/getGroupedCellsData.d.ts +7 -29
  21. package/dist/bubble/getGroupedCellsData.d.ts.map +1 -1
  22. package/dist/bubble/getGroupedCellsData.js +49 -83
  23. package/dist/bubble/getGroupedCellsData.js.map +1 -1
  24. package/dist/bubble/index.d.ts +2 -2
  25. package/dist/bubble/index.d.ts.map +1 -1
  26. package/dist/bubble/index.js +54 -37
  27. package/dist/bubble/index.js.map +1 -1
  28. package/dist/bubble/utils/calculateCaptionTails.d.ts +2 -2
  29. package/dist/bubble/utils/calculateCaptionTails.d.ts.map +1 -1
  30. package/dist/bubble/utils/calculateCaptionTails.js.map +1 -1
  31. package/dist/heatmap/ChartRenderer.d.ts +7 -7
  32. package/dist/heatmap/ChartRenderer.d.ts.map +1 -1
  33. package/dist/heatmap/ChartRenderer.js +2 -2
  34. package/dist/heatmap/ChartRenderer.js.map +1 -1
  35. package/dist/heatmap/components/Annotations/Annotation.d.ts +4 -4
  36. package/dist/heatmap/components/Annotations/Annotation.d.ts.map +1 -1
  37. package/dist/heatmap/components/Annotations/Annotation.js.map +1 -1
  38. package/dist/heatmap/components/Annotations/AnnotationCellsCanvas.d.ts +2 -2
  39. package/dist/heatmap/components/Annotations/AnnotationCellsCanvas.d.ts.map +1 -1
  40. package/dist/heatmap/components/Annotations/AnnotationCellsCanvas.js.map +1 -1
  41. package/dist/heatmap/components/Annotations/AnnotationCellsSvg.d.ts +2 -2
  42. package/dist/heatmap/components/Annotations/AnnotationCellsSvg.d.ts.map +1 -1
  43. package/dist/heatmap/components/Annotations/AnnotationCellsSvg.js.map +1 -1
  44. package/dist/heatmap/components/Annotations/index.d.ts +5 -5
  45. package/dist/heatmap/components/Annotations/index.d.ts.map +1 -1
  46. package/dist/heatmap/components/Annotations/index.js.map +1 -1
  47. package/dist/heatmap/components/CanvasCells.d.ts +3 -3
  48. package/dist/heatmap/components/CanvasCells.d.ts.map +1 -1
  49. package/dist/heatmap/components/CanvasCells.js +18 -18
  50. package/dist/heatmap/components/CanvasCells.js.map +1 -1
  51. package/dist/heatmap/components/Chart.d.ts +6 -6
  52. package/dist/heatmap/components/Chart.d.ts.map +1 -1
  53. package/dist/heatmap/components/Chart.js +63 -63
  54. package/dist/heatmap/components/Chart.js.map +1 -1
  55. package/dist/heatmap/components/ChartsGroup.d.ts +3 -3
  56. package/dist/heatmap/components/ChartsGroup.d.ts.map +1 -1
  57. package/dist/heatmap/components/ChartsGroup.js.map +1 -1
  58. package/dist/heatmap/components/SvgCells.d.ts +3 -3
  59. package/dist/heatmap/components/SvgCells.d.ts.map +1 -1
  60. package/dist/heatmap/components/SvgCells.js +18 -18
  61. package/dist/heatmap/components/SvgCells.js.map +1 -1
  62. package/dist/heatmap/components/tooltipUtils.d.ts +5 -5
  63. package/dist/heatmap/components/tooltipUtils.d.ts.map +1 -1
  64. package/dist/heatmap/components/tooltipUtils.js +7 -7
  65. package/dist/heatmap/components/tooltipUtils.js.map +1 -1
  66. package/dist/heatmap/fillCellsData.d.ts +45 -0
  67. package/dist/heatmap/fillCellsData.d.ts.map +1 -0
  68. package/dist/heatmap/fillCellsData.js +244 -0
  69. package/dist/heatmap/fillCellsData.js.map +1 -0
  70. package/dist/heatmap/getCells.d.ts +5 -37
  71. package/dist/heatmap/getCells.d.ts.map +1 -1
  72. package/dist/heatmap/getCells.js +28 -214
  73. package/dist/heatmap/getCells.js.map +1 -1
  74. package/dist/heatmap/getDendrograms.d.ts +2 -2
  75. package/dist/heatmap/getDendrograms.d.ts.map +1 -1
  76. package/dist/heatmap/getDendrograms.js +19 -19
  77. package/dist/heatmap/getDendrograms.js.map +1 -1
  78. package/dist/heatmap/index.d.ts +2 -2
  79. package/dist/heatmap/index.d.ts.map +1 -1
  80. package/dist/heatmap/index.js +7 -7
  81. package/dist/heatmap/index.js.map +1 -1
  82. package/dist/heatmap/utils/calculateCaptionTails.d.ts +2 -2
  83. package/dist/heatmap/utils/calculateCaptionTails.d.ts.map +1 -1
  84. package/dist/heatmap/utils/calculateCaptionTails.js.map +1 -1
  85. package/dist/scatterplot-umap/components/Lasso.d.ts.map +1 -1
  86. package/dist/scatterplot-umap/components/Lasso.js +117 -122
  87. package/dist/scatterplot-umap/components/Lasso.js.map +1 -1
  88. package/dist/types/bubble.d.ts +92 -0
  89. package/dist/types/bubble.d.ts.map +1 -1
  90. package/dist/types/bubble.js +16 -5
  91. package/dist/types/bubble.js.map +1 -1
  92. package/dist/types/discrete.d.ts +24 -24
  93. package/dist/types/heatmap.d.ts +18 -18
  94. package/dist/utils/getFacetOrGroupKey.d.ts +2 -0
  95. package/dist/utils/getFacetOrGroupKey.d.ts.map +1 -0
  96. package/dist/utils/getFacetOrGroupKey.js +7 -0
  97. package/dist/utils/getFacetOrGroupKey.js.map +1 -0
  98. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/bubble/components/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjH,wBAAgB,KAAK,CAAC,EAClB,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,GAAG,EACH,WAAW,EACX,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACb,EAAE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IAChC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;CACxC,2CAqHA"}
1
+ {"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/bubble/components/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE7E,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjH,wBAAgB,KAAK,CAAC,EAClB,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,GAAG,EACH,WAAW,EACX,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACb,EAAE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACjF,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;IACtC,UAAU,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,MAAM,EAAE,CAAC;CAC9C,2CAqHA"}
@@ -6,32 +6,32 @@ import { BLACK as P } from "../../constants.js";
6
6
  import { FONT_SIZE as R, FACET_TITLE_OFFSET as Z } from "../constants.js";
7
7
  import { AxisCaptions as q } from "./AxisCaptions.js";
8
8
  function D({
9
- facetKey: h,
9
+ facetKey: d,
10
10
  dimensions: r,
11
- scales: n,
12
- cells: m,
13
- colorScale: v,
14
- sizeScale: A,
15
- chartSettings: a,
11
+ scales: l,
12
+ cells: h,
13
+ colorScale: V,
14
+ sizeScale: b,
15
+ chartSettings: m,
16
16
  cellsMeta: j,
17
- stepX: x,
17
+ stepX: c,
18
18
  stepY: u,
19
- aes: C,
20
- labelAngles: L,
21
- chartSizes: c,
22
- margins: d,
23
- tooltipsContainer: $,
19
+ aes: E,
20
+ labelAngles: A,
21
+ chartSizes: x,
22
+ margins: a,
23
+ tooltipsContainer: L,
24
24
  tooltipsData: e,
25
- getTooltip: F
25
+ getTooltip: $
26
26
  }) {
27
- const [g, V] = H.useState(), { xAxis: k, yAxis: B } = a, { width: S, height: W } = r.inner, { padding: l, sideElementBBoxes: i } = r, { xLabels: _, yLabels: w } = j, p = n.x.domain(), E = n.y.domain(), M = {
28
- left: d.left + r.left + l.left,
29
- right: c.totalWidth - (d.left + r.left + l.left),
30
- top: d.top + r.top + l.top,
31
- bottom: c.totalHeight - (d.top + r.top + l.top)
32
- }, T = !1, O = e.fixed && g;
27
+ const [g, F] = H.useState(), { xAxis: k, yAxis: B } = m, { width: W, height: _ } = r.inner, { padding: n, sideElementBBoxes: i } = r, { xLabels: w, yLabels: M } = j, p = l.x.domain(), C = l.y.domain(), O = {
28
+ left: a.left + r.left + n.left,
29
+ right: x.totalWidth - (a.left + r.left + n.left),
30
+ top: a.top + r.top + n.top,
31
+ bottom: x.totalHeight - (a.top + r.top + n.top)
32
+ }, T = !1, S = e.fixed && g;
33
33
  return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${r.left},${r.top})`, fontSize: R, children: [
34
- /* @__PURE__ */ t.jsxs("g", { transform: `translate(${l.left},${l.top})`, children: [
34
+ /* @__PURE__ */ t.jsxs("g", { transform: `translate(${n.left},${n.top})`, children: [
35
35
  i.top.facetTitle.isVisible && /* @__PURE__ */ t.jsx(
36
36
  "text",
37
37
  {
@@ -39,22 +39,22 @@ function D({
39
39
  y: i.top.facetTitle.y + i.top.facetTitle.height - Z,
40
40
  fontWeight: "500",
41
41
  fontSize: "20px",
42
- children: j.facetKeyValues[h].join(", ")
42
+ children: j.facetKeyValues[d].join(", ")
43
43
  }
44
44
  ),
45
45
  T,
46
46
  p.map(
47
- (f) => E.map((s) => {
48
- var b;
49
- const o = (b = m == null ? void 0 : m[f]) == null ? void 0 : b[s], z = O && o && e.selectedData === o, y = o ? /* @__PURE__ */ t.jsx(
47
+ (f) => C.map((s) => {
48
+ var v;
49
+ const o = (v = h == null ? void 0 : h[f]) == null ? void 0 : v[s], z = S && o && e.selectedData === o, y = o ? /* @__PURE__ */ t.jsx(
50
50
  "circle",
51
51
  {
52
- cx: n.x(f) + x / 2,
53
- cy: n.y(s) + u / 2,
54
- r: A(o.normalizedSizeValue),
55
- stroke: C.cellStrokeColor,
56
- fill: o.colorValue === null ? C.emptyCellColor : v(o.normalizedColorValue),
57
- onMouseOver: () => e.onMouseEnter(o, h),
52
+ cx: l.x(f) + c / 2,
53
+ cy: l.y(s) + u / 2,
54
+ r: b(o.normalizedValue.sizeValue),
55
+ stroke: E.cellStrokeColor,
56
+ fill: o.value.colorValue === null ? E.emptyCellColor : V(o.normalizedValue.colorValue),
57
+ onMouseOver: () => e.onMouseEnter(o, d),
58
58
  onMouseLeave: () => e.onMouseLeave()
59
59
  },
60
60
  o ? o.id : `${f}_${s}`
@@ -62,44 +62,44 @@ function D({
62
62
  return z ? I.createPortal(y, g) : y;
63
63
  })
64
64
  ),
65
- /* @__PURE__ */ t.jsx("g", { children: a.frame.type === "full" && /* @__PURE__ */ t.jsx("rect", { fill: "none", stroke: P, x: "0", y: "0", width: S, height: W }) }),
65
+ /* @__PURE__ */ t.jsx("g", { children: m.frame.type === "full" && /* @__PURE__ */ t.jsx("rect", { fill: "none", stroke: P, x: "0", y: "0", width: W, height: _ }) }),
66
66
  /* @__PURE__ */ t.jsx("g", { fontWeight: "500", children: /* @__PURE__ */ t.jsx(
67
67
  q,
68
68
  {
69
69
  sideElementBBoxes: i,
70
70
  xKeys: p,
71
- yKeys: E,
72
- scales: n,
71
+ yKeys: C,
72
+ scales: l,
73
73
  xAxis: k,
74
74
  yAxis: B,
75
- stepX: x,
75
+ stepX: c,
76
76
  stepY: u,
77
- labelAngles: L,
78
- xLabels: _,
79
- yLabels: w,
77
+ labelAngles: A,
78
+ xLabels: w,
79
+ yLabels: M,
80
80
  debug: T
81
81
  }
82
82
  ) }),
83
- e.fixed && /* @__PURE__ */ t.jsx("rect", { width: c.chartWidth, height: c.chartHeight, fill: "rgba(255,255,255,0.8)" }),
83
+ e.fixed && /* @__PURE__ */ t.jsx("rect", { width: x.chartWidth, height: x.chartHeight, fill: "rgba(255,255,255,0.8)" }),
84
84
  /* @__PURE__ */ t.jsx(
85
85
  "g",
86
86
  {
87
87
  ref: (f) => {
88
- f && !g && V(f);
88
+ f && !g && F(f);
89
89
  }
90
90
  }
91
91
  )
92
92
  ] }),
93
- a.tooltips.show && e.selectedData && e.currentFacet === h && /* @__PURE__ */ t.jsx(
93
+ m.tooltips.show && e.selectedData && e.currentFacet === d && /* @__PURE__ */ t.jsx(
94
94
  N,
95
95
  {
96
- content: F(e.selectedData),
97
- x: n.x(String(e.selectedData.x)) + x / 2,
98
- y: n.y(String(e.selectedData.y)) + u / 2,
99
- offset: p.length > 1 ? x / 2 : 0,
96
+ content: $(e.selectedData),
97
+ x: l.x(String(e.selectedData.x)) + c / 2,
98
+ y: l.y(String(e.selectedData.y)) + u / 2,
99
+ offset: p.length > 1 ? c / 2 : 0,
100
100
  active: !0,
101
- sideDistances: M,
102
- container: $,
101
+ sideDistances: O,
102
+ container: L,
103
103
  onClose: e.onClose,
104
104
  fixed: e.fixed
105
105
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Chart.js","sources":["../../../src/bubble/components/Chart.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { BLACK } from '../../constants';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getGroupedCellsData';\nimport { AxisCaptions } from './AxisCaptions';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';\n\nexport function Chart({\n facetKey,\n dimensions,\n scales,\n cells,\n colorScale,\n sizeScale,\n chartSettings,\n cellsMeta,\n stepX,\n stepY,\n aes,\n labelAngles,\n chartSizes,\n margins,\n tooltipsContainer,\n tooltipsData,\n getTooltip\n}: {\n facetKey: string;\n chartSizes: ChartSizes;\n captionsSizes: CaptionsSizes;\n dimensions: ChartDimensionsData;\n scales: ChartScales;\n cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];\n colorScale: (value: DataValue) => string;\n sizeScale: (value: DataValue) => number;\n chartSettings: BubbleSettingsImpl['chartSettings'];\n cellsMeta: GroupedCellsData['meta'];\n stepX: number;\n stepY: number;\n aes: BubbleSettingsImpl['aes'];\n labelAngles: LabelAngles;\n margins: Margins;\n tooltipsContainer?: Element;\n tooltipsData: TooltipsData<Cell>\n getTooltip: (cell: Cell) => string[],\n}) {\n const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n const {xAxis, yAxis} = chartSettings;\n const {width, height} = dimensions.inner;\n const {padding, sideElementBBoxes} = dimensions;\n const {xLabels, yLabels} = cellsMeta;\n\n const xKeys = scales.x.domain();\n const yKeys = scales.y.domain();\n\n const sideDistances = {\n left: margins.left + dimensions.left + padding.left,\n right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n top: margins.top + dimensions.top + padding.top,\n bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n };\n\n const debug = false;\n\n const dimmedBackground = tooltipsData.fixed && activeElementContainer;\n return (\n <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n <g transform={`translate(${padding.left},${padding.top})`}>\n {/* facet title */}\n {sideElementBBoxes.top.facetTitle.isVisible && (\n <text\n x={sideElementBBoxes.top.facetTitle.x}\n y={\n sideElementBBoxes.top.facetTitle.y +\n sideElementBBoxes.top.facetTitle.height -\n FACET_TITLE_OFFSET\n }\n fontWeight=\"500\"\n fontSize=\"20px\"\n >\n {cellsMeta.facetKeyValues[facetKey].join(', ')}\n </text>\n )}\n {debug && (\n <g fill=\"green\" opacity=\"0.2\">\n <rect\n x={-padding.left}\n y={-padding.top}\n width={dimensions.outer.width}\n height={dimensions.outer.height}\n fill=\"none\"\n stroke=\"red\"\n />\n <rect x={-padding.left} y=\"0\" width={padding.left} height={height} />\n <rect x={width} y=\"0\" width={padding.right} height={height} />\n <rect x=\"0\" y={-padding.top} width={width} height={padding.top} />\n <rect x=\"0\" y={height} width={width} height={padding.bottom} />\n </g>\n )}\n {/* cells */}\n {xKeys.map(xKey =>\n yKeys.map(yKey => {\n const cell = cells?.[xKey]?.[yKey];\n const highlighted = dimmedBackground && cell && tooltipsData.selectedData === cell;\n const cellElement = cell ? (\n <circle\n key={cell ? cell.id : `${xKey}_${yKey}`}\n cx={scales.x(xKey) + stepX / 2}\n cy={scales.y(yKey) + stepY / 2}\n r={sizeScale(cell.normalizedSizeValue as number)}\n stroke={aes.cellStrokeColor}\n fill={cell.colorValue === null ? aes.emptyCellColor : colorScale(cell.normalizedColorValue)}\n onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n onMouseLeave={() => tooltipsData.onMouseLeave()}\n />\n ) : null;\n return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n })\n )}\n <g>\n {chartSettings.frame.type === 'full' && <rect fill=\"none\" stroke={BLACK} x=\"0\" y=\"0\" width={width} height={height} />}\n </g>\n <g fontWeight=\"500\">\n <AxisCaptions\n sideElementBBoxes={sideElementBBoxes}\n xKeys={xKeys}\n yKeys={yKeys}\n scales={scales}\n xAxis={xAxis}\n yAxis={yAxis}\n stepX={stepX}\n stepY={stepY}\n labelAngles={labelAngles}\n xLabels={xLabels}\n yLabels={yLabels}\n debug={debug}\n />\n </g>\n {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255,255,255,0.8)\"/>}\n <g ref={node => {\n if (node && !activeElementContainer) {\n setActiveElementContainer(node);\n }\n }}\n />\n </g>\n {chartSettings.tooltips.show && tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n <Tooltip\n content={getTooltip(tooltipsData.selectedData)}\n x={scales.x(String(tooltipsData.selectedData.x)) + stepX / 2}\n y={scales.y(String(tooltipsData.selectedData.y)) + stepY / 2}\n offset={xKeys.length > 1 ? stepX / 2 : 0}\n active\n sideDistances={sideDistances}\n container={tooltipsContainer}\n onClose={tooltipsData.onClose}\n fixed={tooltipsData.fixed}\n />\n )}\n </g>\n );\n}\n"],"names":["Chart","facetKey","dimensions","scales","cells","colorScale","sizeScale","chartSettings","cellsMeta","stepX","stepY","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","getTooltip","activeElementContainer","setActiveElementContainer","useState","xAxis","yAxis","width","height","padding","sideElementBBoxes","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","dimmedBackground","jsxs","FONT_SIZE","jsx","FACET_TITLE_OFFSET","xKey","yKey","cell","_a","highlighted","cellElement","createPortal","BLACK","AxisCaptions","node","Tooltip"],"mappings":";;;;;;;AAYO,SAASA,EAAM;AAAA,EAClB,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACJ,GAmBG;AACC,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,WAAA,GAEtD,EAAC,OAAAC,GAAO,OAAAC,EAAA,IAASf,GACjB,EAAC,OAAAgB,GAAO,QAAAC,EAAA,IAAUtB,EAAW,OAC7B,EAAC,SAAAuB,GAAS,mBAAAC,EAAA,IAAqBxB,GAC/B,EAAC,SAAAyB,GAAS,SAAAC,EAAA,IAAWpB,GAErBqB,IAAQ1B,EAAO,EAAE,OAAA,GACjB2B,IAAQ3B,EAAO,EAAE,OAAA,GAEjB4B,IAAgB;AAAA,IAClB,MAAMjB,EAAQ,OAAOZ,EAAW,OAAOuB,EAAQ;AAAA,IAC/C,OAAOZ,EAAW,cAAcC,EAAQ,OAAOZ,EAAW,OAAOuB,EAAQ;AAAA,IACzE,KAAKX,EAAQ,MAAMZ,EAAW,MAAMuB,EAAQ;AAAA,IAC5C,QAAQZ,EAAW,eAAeC,EAAQ,MAAMZ,EAAW,MAAMuB,EAAQ;AAAA,EAAA,GAGvEO,IAAQ,IAERC,IAAmBjB,EAAa,SAASE;AAC/C,SACIgB,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAahC,EAAW,IAAI,IAAIA,EAAW,GAAG,KAAK,UAAUiC,GACvE,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAaT,EAAQ,IAAI,IAAIA,EAAQ,GAAG,KAEjD,UAAA;AAAA,MAAAC,EAAkB,IAAI,WAAW,aAC9BU,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAGV,EAAkB,IAAI,WAAW;AAAA,UACpC,GACIA,EAAkB,IAAI,WAAW,IACjCA,EAAkB,IAAI,WAAW,SACjCW;AAAA,UAEJ,YAAW;AAAA,UACX,UAAS;AAAA,UAER,UAAA7B,EAAU,eAAeP,CAAQ,EAAE,KAAK,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGpD+B;AAAA,MAiBAH,EAAM;AAAA,QAAI,CAAAS,MACPR,EAAM,IAAI,CAAAS,MAAQ;;AACd,gBAAMC,KAAOC,IAAArC,KAAA,gBAAAA,EAAQkC,OAAR,gBAAAG,EAAgBF,IACvBG,IAAcT,KAAoBO,KAAQxB,EAAa,iBAAiBwB,GACxEG,IAAcH,IAChBJ,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEG,IAAIjC,EAAO,EAAEmC,CAAI,IAAI7B,IAAQ;AAAA,cAC7B,IAAIN,EAAO,EAAEoC,CAAI,IAAI7B,IAAQ;AAAA,cAC7B,GAAGJ,EAAUkC,EAAK,mBAA6B;AAAA,cAC/C,QAAQ7B,EAAI;AAAA,cACZ,MAAM6B,EAAK,eAAe,OAAO7B,EAAI,iBAAiBN,EAAWmC,EAAK,oBAAoB;AAAA,cAC1F,aAAa,MAAMxB,EAAa,aAAawB,GAAMvC,CAAQ;AAAA,cAC3D,cAAc,MAAMe,EAAa,aAAA;AAAA,YAAa;AAAA,YAPzCwB,IAAOA,EAAK,KAAK,GAAGF,CAAI,IAAIC,CAAI;AAAA,UAAA,IASzC;AACJ,iBAAOG,IAAcE,EAAAA,aAAaD,GAAazB,CAAsB,IAAIyB;AAAA,QAC7E,CAAC;AAAA,MAAA;AAAA,4BAEJ,KAAA,EACI,UAAApC,EAAc,MAAM,SAAS,gCAAW,QAAA,EAAK,MAAK,QAAO,QAAQsC,GAAO,GAAE,KAAI,GAAE,KAAI,OAAAtB,GAAc,QAAAC,GAAgB,GACvH;AAAA,MACAY,gBAAAA,EAAAA,IAAC,KAAA,EAAE,YAAW,OACV,UAAAA,gBAAAA,EAAAA;AAAAA,QAACU;AAAA,QAAA;AAAA,UACG,mBAAApB;AAAA,UACA,OAAAG;AAAA,UACA,OAAAC;AAAA,UACA,QAAA3B;AAAA,UACA,OAAAkB;AAAA,UACA,OAAAC;AAAA,UACA,OAAAb;AAAA,UACA,OAAAC;AAAA,UACA,aAAAE;AAAA,UACA,SAAAe;AAAA,UACA,SAAAC;AAAA,UACA,OAAAI;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,MACChB,EAAa,SAASoB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAOvB,EAAW,YAAY,QAAQA,EAAW,aAAa,MAAK,wBAAA,CAAuB;AAAA,MACvHuB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAAE,KAAK,CAAAW,MAAQ;AACZ,YAAIA,KAAQ,CAAC7B,KACTC,EAA0B4B,CAAI;AAAA,UAEtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACA,GACJ;AAAA,IACCxC,EAAc,SAAS,QAAQS,EAAa,gBAAgBA,EAAa,iBAAiBf,KACvFmC,gBAAAA,EAAAA;AAAAA,MAACY;AAAA,MAAA;AAAA,QACG,SAAS/B,EAAWD,EAAa,YAAY;AAAA,QAC7C,GAAGb,EAAO,EAAE,OAAOa,EAAa,aAAa,CAAC,CAAC,IAAIP,IAAQ;AAAA,QAC3D,GAAGN,EAAO,EAAE,OAAOa,EAAa,aAAa,CAAC,CAAC,IAAIN,IAAQ;AAAA,QAC3D,QAAQmB,EAAM,SAAS,IAAIpB,IAAQ,IAAI;AAAA,QACvC,QAAM;AAAA,QACN,eAAAsB;AAAA,QACA,WAAWhB;AAAA,QACX,SAASC,EAAa;AAAA,QACtB,OAAOA,EAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACxB,GAER;AAER;"}
1
+ {"version":3,"file":"Chart.js","sources":["../../../src/bubble/components/Chart.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { BLACK } from '../../constants';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { CellBubble, GroupedCellsBubble } from '../getGroupedCellsData';\nimport { AxisCaptions } from './AxisCaptions';\nimport type { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';\n\nexport function Chart({\n facetKey,\n dimensions,\n scales,\n cells,\n colorScale,\n sizeScale,\n chartSettings,\n cellsMeta,\n stepX,\n stepY,\n aes,\n labelAngles,\n chartSizes,\n margins,\n tooltipsContainer,\n tooltipsData,\n getTooltip\n}: {\n facetKey: string;\n chartSizes: ChartSizes;\n captionsSizes: CaptionsSizes;\n dimensions: ChartDimensionsData;\n scales: ChartScales;\n cells: GroupedCellsBubble['facets'][keyof GroupedCellsBubble['facets']]['cells'];\n colorScale: (value: DataValue) => string;\n sizeScale: (value: DataValue) => number;\n chartSettings: BubbleSettingsImpl['chartSettings'];\n cellsMeta: GroupedCellsBubble['meta'];\n stepX: number;\n stepY: number;\n aes: BubbleSettingsImpl['aes'];\n labelAngles: LabelAngles;\n margins: Margins;\n tooltipsContainer?: Element;\n tooltipsData: TooltipsData<CellBubble>\n getTooltip: (cell: CellBubble) => string[],\n}) {\n const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n const {xAxis, yAxis} = chartSettings;\n const {width, height} = dimensions.inner;\n const {padding, sideElementBBoxes} = dimensions;\n const {xLabels, yLabels} = cellsMeta;\n\n const xKeys = scales.x.domain();\n const yKeys = scales.y.domain();\n\n const sideDistances = {\n left: margins.left + dimensions.left + padding.left,\n right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n top: margins.top + dimensions.top + padding.top,\n bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n };\n\n const debug = false;\n\n const dimmedBackground = tooltipsData.fixed && activeElementContainer;\n return (\n <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n <g transform={`translate(${padding.left},${padding.top})`}>\n {/* facet title */}\n {sideElementBBoxes.top.facetTitle.isVisible && (\n <text\n x={sideElementBBoxes.top.facetTitle.x}\n y={\n sideElementBBoxes.top.facetTitle.y +\n sideElementBBoxes.top.facetTitle.height -\n FACET_TITLE_OFFSET\n }\n fontWeight=\"500\"\n fontSize=\"20px\"\n >\n {cellsMeta.facetKeyValues[facetKey].join(', ')}\n </text>\n )}\n {debug && (\n <g fill=\"green\" opacity=\"0.2\">\n <rect\n x={-padding.left}\n y={-padding.top}\n width={dimensions.outer.width}\n height={dimensions.outer.height}\n fill=\"none\"\n stroke=\"red\"\n />\n <rect x={-padding.left} y=\"0\" width={padding.left} height={height} />\n <rect x={width} y=\"0\" width={padding.right} height={height} />\n <rect x=\"0\" y={-padding.top} width={width} height={padding.top} />\n <rect x=\"0\" y={height} width={width} height={padding.bottom} />\n </g>\n )}\n {/* cells */}\n {xKeys.map(xKey =>\n yKeys.map(yKey => {\n const cell = cells?.[xKey]?.[yKey];\n const highlighted = dimmedBackground && cell && tooltipsData.selectedData === cell;\n const cellElement = cell ? (\n <circle\n key={cell ? cell.id : `${xKey}_${yKey}`}\n cx={scales.x(xKey) + stepX / 2}\n cy={scales.y(yKey) + stepY / 2}\n r={sizeScale(cell.normalizedValue.sizeValue as number)}\n stroke={aes.cellStrokeColor}\n fill={cell.value.colorValue === null ? aes.emptyCellColor : colorScale(cell.normalizedValue.colorValue)}\n onMouseOver={() => tooltipsData.onMouseEnter(cell, facetKey)}\n onMouseLeave={() => tooltipsData.onMouseLeave()}\n />\n ) : null;\n return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n })\n )}\n <g>\n {chartSettings.frame.type === 'full' && <rect fill=\"none\" stroke={BLACK} x=\"0\" y=\"0\" width={width} height={height} />}\n </g>\n <g fontWeight=\"500\">\n <AxisCaptions\n sideElementBBoxes={sideElementBBoxes}\n xKeys={xKeys}\n yKeys={yKeys}\n scales={scales}\n xAxis={xAxis}\n yAxis={yAxis}\n stepX={stepX}\n stepY={stepY}\n labelAngles={labelAngles}\n xLabels={xLabels}\n yLabels={yLabels}\n debug={debug}\n />\n </g>\n {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255,255,255,0.8)\"/>}\n <g ref={node => {\n if (node && !activeElementContainer) {\n setActiveElementContainer(node);\n }\n }}\n />\n </g>\n {chartSettings.tooltips.show && tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n <Tooltip\n content={getTooltip(tooltipsData.selectedData)}\n x={scales.x(String(tooltipsData.selectedData.x)) + stepX / 2}\n y={scales.y(String(tooltipsData.selectedData.y)) + stepY / 2}\n offset={xKeys.length > 1 ? stepX / 2 : 0}\n active\n sideDistances={sideDistances}\n container={tooltipsContainer}\n onClose={tooltipsData.onClose}\n fixed={tooltipsData.fixed}\n />\n )}\n </g>\n );\n}\n"],"names":["Chart","facetKey","dimensions","scales","cells","colorScale","sizeScale","chartSettings","cellsMeta","stepX","stepY","aes","labelAngles","chartSizes","margins","tooltipsContainer","tooltipsData","getTooltip","activeElementContainer","setActiveElementContainer","useState","xAxis","yAxis","width","height","padding","sideElementBBoxes","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","dimmedBackground","jsxs","FONT_SIZE","jsx","FACET_TITLE_OFFSET","xKey","yKey","cell","_a","highlighted","cellElement","createPortal","BLACK","AxisCaptions","node","Tooltip"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import { LegendData } from '../../common/types';
2
2
  import { DataValue } from '../../types';
3
3
  import { BubbleSettingsImpl } from '../BubbleSettingsImpl';
4
- import { Cell, GroupedCellsData } from '../getGroupedCellsData';
4
+ import { CellBubble, GroupedCellsBubble } from '../getGroupedCellsData';
5
5
  import { CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, LabelAngles, Margins } from './types';
6
6
  export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartSettings, chartSizes, chartsDimensions, facetKeys, scales, colorScale, sizeScale, groupedCells, cellsMeta, step, legend, aes, columnsCount, labelAngles, getCellTooltip, onTooltipHintSwitch }: {
7
7
  margins: Margins;
@@ -15,8 +15,8 @@ export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartS
15
15
  settingsId: string;
16
16
  colorScale: (value: DataValue) => string;
17
17
  sizeScale: (value: DataValue) => number;
18
- groupedCells: GroupedCellsData['facets'];
19
- cellsMeta: GroupedCellsData['meta'];
18
+ groupedCells: GroupedCellsBubble['facets'];
19
+ cellsMeta: GroupedCellsBubble['meta'];
20
20
  step: {
21
21
  x: number;
22
22
  y: number;
@@ -25,7 +25,7 @@ export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartS
25
25
  aes: BubbleSettingsImpl['aes'];
26
26
  columnsCount: number;
27
27
  labelAngles: LabelAngles;
28
- getCellTooltip: (cell: Cell) => string[];
28
+ getCellTooltip: (cell: CellBubble) => string[];
29
29
  onTooltipHintSwitch: (v: boolean) => void;
30
30
  }): import("react/jsx-runtime").JSX.Element;
31
31
  //# sourceMappingURL=ChartsGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/bubble/components/ChartsGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,KAAK,EACR,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,UAAU,EAAE,WAAW,EAAE,OAAO,EACnC,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,MAAM,EACN,GAAG,EACH,YAAY,EACZ,WAAW,EACX,cAAc,EACd,mBAAmB,EACtB,EAAE;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,YAAY,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IAC7B,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;IACzC,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CAC5C,2CAqEA"}
1
+ {"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/bubble/components/ChartsGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE7E,OAAO,KAAK,EACR,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,UAAU,EAAE,WAAW,EAAE,OAAO,EACnC,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,MAAM,EACN,GAAG,EACH,YAAY,EACZ,WAAW,EACX,cAAc,EACd,mBAAmB,EACtB,EAAE;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACxC,YAAY,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC3C,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACtC,IAAI,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IAC7B,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,MAAM,EAAE,CAAC;IAC/C,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CAC5C,2CAqEA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChartsGroup.js","sources":["../../../src/bubble/components/ChartsGroup.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getGroupedCellsData';\nimport { Chart } from './Chart';\nimport type {\n CaptionsSizes,\n ChartDimensionsData,\n ChartScales,\n ChartSizes, LabelAngles, Margins\n} from './types';\n\nexport function ChartsGroup({\n margins,\n captionsSizes,\n settingsId,\n chartSettings,\n chartSizes,\n chartsDimensions,\n facetKeys,\n scales,\n colorScale,\n sizeScale,\n groupedCells,\n cellsMeta,\n step,\n legend,\n aes,\n columnsCount,\n labelAngles,\n getCellTooltip,\n onTooltipHintSwitch\n}: {\n margins: Margins;\n captionsSizes: CaptionsSizes;\n chartSettings: BubbleSettingsImpl['chartSettings'];\n facetSettings: BubbleSettingsImpl['facetSettings'];\n chartSizes: ChartSizes;\n chartsDimensions: Record<string, ChartDimensionsData>;\n scales: ChartScales;\n facetKeys: string[];\n settingsId: string;\n colorScale: (value: DataValue) => string;\n sizeScale: (value: DataValue) => number;\n groupedCells: GroupedCellsData['facets'];\n cellsMeta: GroupedCellsData['meta'];\n step: {x: number; y: number};\n legend: LegendData;\n aes: BubbleSettingsImpl['aes'];\n columnsCount: number;\n labelAngles: LabelAngles;\n getCellTooltip: (cell: Cell) => string[],\n onTooltipHintSwitch: (v: boolean) => void\n}) {\n const tooltipsData = useTooltip<Cell>(onTooltipHintSwitch);\n const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n const tooltipsRef = useRef<SVGGElement>(null);\n useEffect(() => {\n if (tooltipsRef.current) {\n setTooltipsContainer(tooltipsRef.current);\n }\n }, []);\n\n const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n const legendLeft = margins.left + chartSizes.chartsWidth + LEGEND_OFFSET;\n const legendTop = margins.top + leftTopChartPadding.top;\n\n return (\n <ErrorBoundary dataId={settingsId}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n width={chartSizes.totalWidth}\n height={chartSizes.totalHeight}\n fontFamily=\"Manrope\"\n >\n <defs>{fonts}</defs>\n <g transform={`translate(${margins.left},${margins.top})`}>\n <ChartsTitle\n title={[chartSettings.title.name]}\n show={chartSettings.title.show}\n position={chartSettings.title.position}\n leftPadding={leftTopChartPadding.left}\n rightPadding={rightTopChartPadding.right}\n chartsWidth={chartSizes.chartsWidth}\n />\n {facetKeys.map(facetKey => {\n const {cells} = groupedCells[facetKey];\n return (\n <Chart\n captionsSizes={captionsSizes}\n key={facetKey}\n facetKey={facetKey}\n dimensions={chartsDimensions[facetKey]}\n scales={scales}\n cells={cells}\n cellsMeta={cellsMeta}\n stepX={step.x}\n stepY={step.y}\n colorScale={colorScale}\n sizeScale={sizeScale}\n chartSettings={chartSettings}\n aes={aes}\n labelAngles={labelAngles}\n margins={margins}\n chartSizes={chartSizes}\n tooltipsData={tooltipsData}\n tooltipsContainer={tooltipsContainer}\n getTooltip={getCellTooltip}\n />\n );\n })}\n </g>\n <g transform={`translate(${legendLeft},${legendTop})`}>\n <Legend legendData={legend} />\n </g>\n <g ref={tooltipsRef} style={{outline: 'none'}} />\n </svg>\n </ErrorBoundary>\n );\n}\n"],"names":["ChartsGroup","margins","captionsSizes","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","scales","colorScale","sizeScale","groupedCells","cellsMeta","step","legend","aes","columnsCount","labelAngles","getCellTooltip","onTooltipHintSwitch","tooltipsData","useTooltip","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","Chart","Legend"],"mappings":"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"}
1
+ {"version":3,"file":"ChartsGroup.js","sources":["../../../src/bubble/components/ChartsGroup.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport type { DataValue } from '../../types';\nimport type { BubbleSettingsImpl } from '../BubbleSettingsImpl';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { CellBubble, GroupedCellsBubble } from '../getGroupedCellsData';\nimport { Chart } from './Chart';\nimport type {\n CaptionsSizes,\n ChartDimensionsData,\n ChartScales,\n ChartSizes, LabelAngles, Margins\n} from './types';\n\nexport function ChartsGroup({\n margins,\n captionsSizes,\n settingsId,\n chartSettings,\n chartSizes,\n chartsDimensions,\n facetKeys,\n scales,\n colorScale,\n sizeScale,\n groupedCells,\n cellsMeta,\n step,\n legend,\n aes,\n columnsCount,\n labelAngles,\n getCellTooltip,\n onTooltipHintSwitch\n}: {\n margins: Margins;\n captionsSizes: CaptionsSizes;\n chartSettings: BubbleSettingsImpl['chartSettings'];\n facetSettings: BubbleSettingsImpl['facetSettings'];\n chartSizes: ChartSizes;\n chartsDimensions: Record<string, ChartDimensionsData>;\n scales: ChartScales;\n facetKeys: string[];\n settingsId: string;\n colorScale: (value: DataValue) => string;\n sizeScale: (value: DataValue) => number;\n groupedCells: GroupedCellsBubble['facets'];\n cellsMeta: GroupedCellsBubble['meta'];\n step: {x: number; y: number};\n legend: LegendData;\n aes: BubbleSettingsImpl['aes'];\n columnsCount: number;\n labelAngles: LabelAngles;\n getCellTooltip: (cell: CellBubble) => string[],\n onTooltipHintSwitch: (v: boolean) => void\n}) {\n const tooltipsData = useTooltip<CellBubble>(onTooltipHintSwitch);\n const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n const tooltipsRef = useRef<SVGGElement>(null);\n useEffect(() => {\n if (tooltipsRef.current) {\n setTooltipsContainer(tooltipsRef.current);\n }\n }, []);\n\n const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n const legendLeft = margins.left + chartSizes.chartsWidth + LEGEND_OFFSET;\n const legendTop = margins.top + leftTopChartPadding.top;\n\n return (\n <ErrorBoundary dataId={settingsId}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n width={chartSizes.totalWidth}\n height={chartSizes.totalHeight}\n fontFamily=\"Manrope\"\n >\n <defs>{fonts}</defs>\n <g transform={`translate(${margins.left},${margins.top})`}>\n <ChartsTitle\n title={[chartSettings.title.name]}\n show={chartSettings.title.show}\n position={chartSettings.title.position}\n leftPadding={leftTopChartPadding.left}\n rightPadding={rightTopChartPadding.right}\n chartsWidth={chartSizes.chartsWidth}\n />\n {facetKeys.map(facetKey => {\n const {cells} = groupedCells[facetKey];\n return (\n <Chart\n captionsSizes={captionsSizes}\n key={facetKey}\n facetKey={facetKey}\n dimensions={chartsDimensions[facetKey]}\n scales={scales}\n cells={cells}\n cellsMeta={cellsMeta}\n stepX={step.x}\n stepY={step.y}\n colorScale={colorScale}\n sizeScale={sizeScale}\n chartSettings={chartSettings}\n aes={aes}\n labelAngles={labelAngles}\n margins={margins}\n chartSizes={chartSizes}\n tooltipsData={tooltipsData}\n tooltipsContainer={tooltipsContainer}\n getTooltip={getCellTooltip}\n />\n );\n })}\n </g>\n <g transform={`translate(${legendLeft},${legendTop})`}>\n <Legend legendData={legend} />\n </g>\n <g ref={tooltipsRef} style={{outline: 'none'}} />\n </svg>\n </ErrorBoundary>\n );\n}\n"],"names":["ChartsGroup","margins","captionsSizes","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","scales","colorScale","sizeScale","groupedCells","cellsMeta","step","legend","aes","columnsCount","labelAngles","getCellTooltip","onTooltipHintSwitch","tooltipsData","useTooltip","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useRef","useEffect","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","facetKey","cells","Chart","Legend"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { DataFrame } from '../DataFrame';
2
2
  import { ColumnName } from '../types';
3
- import { Cell, GroupedCellsData } from './getGroupedCellsData';
4
- export declare function getCellTooltip(dataFrame: DataFrame, cell: Cell, cellsMeta: GroupedCellsData['meta'], columnsList?: ColumnName[]): string[];
3
+ import { CellBubble, GroupedCellsBubble } from './getGroupedCellsData';
4
+ export declare function getCellTooltip(dataFrame: DataFrame, cell: CellBubble, cellsMeta: GroupedCellsBubble['meta'], columnsList?: ColumnName[]): string[];
5
5
  //# sourceMappingURL=getCellTooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"getCellTooltip.d.ts","sourceRoot":"","sources":["../../src/bubble/getCellTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAE,UAAU,EAAO,YAcnI"}
1
+ {"version":3,"file":"getCellTooltip.d.ts","sourceRoot":"","sources":["../../src/bubble/getCellTooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE5E,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAE,UAAU,EAAO,YAc3I"}
@@ -1,26 +1,26 @@
1
- function s(e, o, u, i = []) {
2
- const l = [
3
- `X: ${u.xLabels[o.x]}`,
4
- `Y: ${u.yLabels[o.y]}`,
5
- `Value (color): ${a(o.colorValue)}${o.colorValue !== o.normalizedColorValue ? ` (${a(o.normalizedColorValue)})` : ""}`,
6
- `Value (size): ${a(o.sizeValue)}${o.sizeValue !== o.normalizedSizeValue ? ` (${a(o.normalizedSizeValue)})` : ""}`
1
+ function s(o, e, u, i = []) {
2
+ const n = [
3
+ `X: ${u.xLabels[e.x]}`,
4
+ `Y: ${u.yLabels[e.y]}`,
5
+ `Value (color): ${a(e.value.colorValue)}${e.value.colorValue !== e.normalizedValue.colorValue ? ` (${a(e.normalizedValue.colorValue)})` : ""}`,
6
+ `Value (size): ${a(e.value.sizeValue)}${e.value.sizeValue !== e.normalizedValue.sizeValue ? ` (${a(e.normalizedValue.sizeValue)})` : ""}`
7
7
  ];
8
- for (const n of i) {
9
- const r = n.valueLabels ?? n.value;
8
+ for (const l of i) {
9
+ const r = l.valueLabels ?? l.value;
10
10
  if (r === void 0) continue;
11
- const t = e.getColumnValue(r, o.idx);
12
- l.push(`${n.label}: ${t}`);
11
+ const t = o.getColumnValue(r, e.idx);
12
+ n.push(`${l.label}: ${t}`);
13
13
  }
14
- return l;
14
+ return n;
15
15
  }
16
- function a(e) {
17
- if (e === null)
16
+ function a(o) {
17
+ if (o === null)
18
18
  return "null";
19
- if (typeof e == "number") {
20
- const o = e > 0 ? Math.floor(e) : Math.ceil(e), u = e - o;
21
- return o + Number(u.toPrecision(2));
19
+ if (typeof o == "number") {
20
+ const e = o > 0 ? Math.floor(o) : Math.ceil(o), u = o - e;
21
+ return e + Number(u.toPrecision(2));
22
22
  }
23
- return e;
23
+ return o;
24
24
  }
25
25
  export {
26
26
  s as getCellTooltip
@@ -1 +1 @@
1
- {"version":3,"file":"getCellTooltip.js","sources":["../../src/bubble/getCellTooltip.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport type { Cell, GroupedCellsData } from './getGroupedCellsData';\n\nexport function getCellTooltip(dataFrame: DataFrame, cell: Cell, cellsMeta: GroupedCellsData['meta'], columnsList: ColumnName[] = []) {\n const lines = [\n `X: ${cellsMeta.xLabels[cell.x as string]}`,\n `Y: ${cellsMeta.yLabels[cell.y as string]}`,\n `Value (color): ${formatCellValue(cell.colorValue)}${cell.colorValue !== cell.normalizedColorValue ? ` (${formatCellValue(cell.normalizedColorValue)})`: ''}`,\n `Value (size): ${formatCellValue(cell.sizeValue)}${cell.sizeValue !== cell.normalizedSizeValue ? ` (${formatCellValue(cell.normalizedSizeValue)})`: ''}`,\n ];\n for (const column of columnsList) {\n const labelColumn =column.valueLabels ?? column.value;\n if (labelColumn === undefined) continue;\n const valueLabel = dataFrame.getColumnValue(labelColumn, cell.idx);\n lines.push(`${column.label}: ${valueLabel}`);\n }\n return lines;\n}\n\nfunction formatCellValue (v: DataValue): number | string {\n if (v === null) {\n return 'null';\n }\n if (typeof v === 'number') {\n const whole = v > 0 ? Math.floor(v) : Math.ceil(v);\n const decimal = v - whole;\n return whole + Number(decimal.toPrecision(2));\n }\n return v;\n}"],"names":["getCellTooltip","dataFrame","cell","cellsMeta","columnsList","lines","formatCellValue","column","labelColumn","valueLabel","v","whole","decimal"],"mappings":"AAIO,SAASA,EAAeC,GAAsBC,GAAYC,GAAqCC,IAA4B,CAAA,GAAI;AAClI,QAAMC,IAAQ;AAAA,IACV,MAAMF,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,MAAMC,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,kBAAkBI,EAAgBJ,EAAK,UAAU,CAAC,GAAGA,EAAK,eAAeA,EAAK,uBAAuB,KAAKI,EAAgBJ,EAAK,oBAAoB,CAAC,MAAK,EAAE;AAAA,IAC3J,iBAAiBI,EAAgBJ,EAAK,SAAS,CAAC,GAAGA,EAAK,cAAcA,EAAK,sBAAsB,KAAKI,EAAgBJ,EAAK,mBAAmB,CAAC,MAAK,EAAE;AAAA,EAAA;AAE1J,aAAWK,KAAUH,GAAa;AAC9B,UAAMI,IAAaD,EAAO,eAAeA,EAAO;AAChD,QAAIC,MAAgB,OAAW;AAC/B,UAAMC,IAAaR,EAAU,eAAeO,GAAaN,EAAK,GAAG;AACjE,IAAAG,EAAM,KAAK,GAAGE,EAAO,KAAK,KAAKE,CAAU,EAAE;AAAA,EAC/C;AACA,SAAOJ;AACX;AAEA,SAASC,EAAiBI,GAA+B;AACrD,MAAIA,MAAM;AACN,WAAO;AAEX,MAAI,OAAOA,KAAM,UAAU;AACvB,UAAMC,IAAQD,IAAI,IAAI,KAAK,MAAMA,CAAC,IAAI,KAAK,KAAKA,CAAC,GAC3CE,IAAUF,IAAIC;AACpB,WAAOA,IAAQ,OAAOC,EAAQ,YAAY,CAAC,CAAC;AAAA,EAChD;AACA,SAAOF;AACX;"}
1
+ {"version":3,"file":"getCellTooltip.js","sources":["../../src/bubble/getCellTooltip.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport type { CellBubble, GroupedCellsBubble } from './getGroupedCellsData';\n\nexport function getCellTooltip(dataFrame: DataFrame, cell: CellBubble, cellsMeta: GroupedCellsBubble['meta'], columnsList: ColumnName[] = []) {\n const lines = [\n `X: ${cellsMeta.xLabels[cell.x as string]}`,\n `Y: ${cellsMeta.yLabels[cell.y as string]}`,\n `Value (color): ${formatCellValue(cell.value.colorValue)}${cell.value.colorValue !== cell.normalizedValue.colorValue ? ` (${formatCellValue(cell.normalizedValue.colorValue)})`: ''}`,\n `Value (size): ${formatCellValue(cell.value.sizeValue)}${cell.value.sizeValue !== cell.normalizedValue.sizeValue ? ` (${formatCellValue(cell.normalizedValue.sizeValue)})`: ''}`,\n ];\n for (const column of columnsList) {\n const labelColumn =column.valueLabels ?? column.value;\n if (labelColumn === undefined) continue;\n const valueLabel = dataFrame.getColumnValue(labelColumn, cell.idx);\n lines.push(`${column.label}: ${valueLabel}`);\n }\n return lines;\n}\n\nfunction formatCellValue (v: DataValue): number | string {\n if (v === null) {\n return 'null';\n }\n if (typeof v === 'number') {\n const whole = v > 0 ? Math.floor(v) : Math.ceil(v);\n const decimal = v - whole;\n return whole + Number(decimal.toPrecision(2));\n }\n return v;\n}"],"names":["getCellTooltip","dataFrame","cell","cellsMeta","columnsList","lines","formatCellValue","column","labelColumn","valueLabel","v","whole","decimal"],"mappings":"AAIO,SAASA,EAAeC,GAAsBC,GAAkBC,GAAuCC,IAA4B,CAAA,GAAI;AAC1I,QAAMC,IAAQ;AAAA,IACV,MAAMF,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,MAAMC,EAAU,QAAQD,EAAK,CAAW,CAAC;AAAA,IACzC,kBAAkBI,EAAgBJ,EAAK,MAAM,UAAU,CAAC,GAAGA,EAAK,MAAM,eAAeA,EAAK,gBAAgB,aAAa,KAAKI,EAAgBJ,EAAK,gBAAgB,UAAU,CAAC,MAAK,EAAE;AAAA,IACnL,iBAAiBI,EAAgBJ,EAAK,MAAM,SAAS,CAAC,GAAGA,EAAK,MAAM,cAAcA,EAAK,gBAAgB,YAAY,KAAKI,EAAgBJ,EAAK,gBAAgB,SAAS,CAAC,MAAK,EAAE;AAAA,EAAA;AAElL,aAAWK,KAAUH,GAAa;AAC9B,UAAMI,IAAaD,EAAO,eAAeA,EAAO;AAChD,QAAIC,MAAgB,OAAW;AAC/B,UAAMC,IAAaR,EAAU,eAAeO,GAAaN,EAAK,GAAG;AACjE,IAAAG,EAAM,KAAK,GAAGE,EAAO,KAAK,KAAKE,CAAU,EAAE;AAAA,EAC/C;AACA,SAAOJ;AACX;AAEA,SAASC,EAAiBI,GAA+B;AACrD,MAAIA,MAAM;AACN,WAAO;AAEX,MAAI,OAAOA,KAAM,UAAU;AACvB,UAAMC,IAAQD,IAAI,IAAI,KAAK,MAAMA,CAAC,IAAI,KAAK,KAAKA,CAAC,GAC3CE,IAAUF,IAAIC;AACpB,WAAOA,IAAQ,OAAOC,EAAQ,YAAY,CAAC,CAAC;AAAA,EAChD;AACA,SAAOF;AACX;"}
@@ -1,32 +1,10 @@
1
1
  import { DataFrame } from '../DataFrame';
2
- import { ColumnName, DataValue } from '../types';
2
+ import { ColumnName } from '../types';
3
3
  import { BubbleSettingsImpl } from './BubbleSettingsImpl';
4
- export type Cell = {
5
- id: string;
6
- idx: number;
7
- sizeValue: DataValue;
8
- colorValue: DataValue;
9
- normalizedSizeValue: DataValue;
10
- normalizedColorValue: DataValue;
11
- x: DataValue;
12
- y: DataValue;
13
- };
14
- export type GroupedCellsData = {
15
- meta: {
16
- facetKeys: string[];
17
- facetKeyValues: Record<string, string[]>;
18
- xKeys: string[];
19
- yKeys: string[];
20
- xLabels: Record<string, string>;
21
- yLabels: Record<string, string>;
22
- valueExtentSize: [number, number];
23
- valueExtentColor: [number, number];
24
- };
25
- facets: Record<string, {
26
- xKeys: string[];
27
- yKeys: string[];
28
- cells: Record<string, Record<string, Cell>>;
29
- }>;
30
- };
31
- export declare function getGroupedCellsData(data: DataFrame, xColumn: ColumnName, yColumn: ColumnName, valueColumnSize: ColumnName, valueColumnColor: ColumnName, facetBy: ColumnName[], facetKeysCombinations: string[][], normalization: BubbleSettingsImpl['normalization'], NAValueAs: BubbleSettingsImpl['NAValueAs']): GroupedCellsData;
4
+ import { Cell, GroupedCellsData } from '../heatmap/fillCellsData';
5
+ type BubbleDataFields = 'sizeValue' | 'colorValue';
6
+ export type CellBubble = Cell<BubbleDataFields>;
7
+ export type GroupedCellsBubble = GroupedCellsData<BubbleDataFields>;
8
+ export declare function getGroupedCellsData(data: DataFrame, xColumn: ColumnName, yColumn: ColumnName, valueColumnSize: ColumnName, valueColumnColor: ColumnName, facetBy: ColumnName[], xGroupBy: ColumnName[], yGroupBy: ColumnName[], normalization: BubbleSettingsImpl['normalization'], NAValueAs: BubbleSettingsImpl['NAValueAs'], keysOrder: BubbleSettingsImpl['keysOrder'], xAxis: BubbleSettingsImpl['chartSettings']['xAxis'], yAxis: BubbleSettingsImpl['chartSettings']['yAxis'], aggregation: BubbleSettingsImpl['aggregation']): GroupedCellsBubble;
9
+ export {};
32
10
  //# sourceMappingURL=getGroupedCellsData.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"getGroupedCellsData.d.ts","sourceRoot":"","sources":["../../src/bubble/getGroupedCellsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAuB,MAAM,UAAU,CAAC;AAC3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAgC/D,MAAM,MAAM,IAAI,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,mBAAmB,EAAE,SAAS,CAAC;IAC/B,oBAAoB,EAAE,SAAS,CAAC;IAChC,CAAC,EAAE,SAAS,CAAC;IACb,CAAC,EAAE,SAAS,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE;QACF,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACzC,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACtC,CAAC;IAEF,MAAM,EAAE,MAAM,CACV,MAAM,EACN;QAEI,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,EAAE,MAAM,EAAE,CAAC;QAEhB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;KAC/C,CACJ,CAAC;CACL,CAAC;AAEF,wBAAgB,mBAAmB,CAC/B,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,eAAe,EAAE,UAAU,EAC3B,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE,UAAU,EAAE,EACrB,qBAAqB,EAAE,MAAM,EAAE,EAAE,EACjC,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,GAC3C,gBAAgB,CAgKlB"}
1
+ {"version":3,"file":"getGroupedCellsData.d.ts","sourceRoot":"","sources":["../../src/bubble/getGroupedCellsData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,KAAK,IAAI,EAAiB,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI3F,KAAK,gBAAgB,GAAG,WAAW,GAAC,YAAY,CAAC;AACjD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAChD,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAoCpE,wBAAgB,mBAAmB,CAC/B,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,eAAe,EAAE,UAAU,EAC3B,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE,UAAU,EAAE,EACrB,QAAQ,EAAE,UAAU,EAAE,EACtB,QAAQ,EAAE,UAAU,EAAE,EACtB,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC1C,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC1C,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACnD,KAAK,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACnD,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAC/C,kBAAkB,CAsBpB"}
@@ -1,94 +1,60 @@
1
- import { l as p } from "../node_modules/lodash/lodash.js";
2
- import $ from "../node_modules/d3-array/src/deviation.js";
3
- import M from "../node_modules/d3-array/src/mean.js";
4
- import _ from "../node_modules/d3-array/src/extent.js";
5
- const D = 1e6;
6
- function N(o) {
7
- const r = $(o), s = M(o);
8
- return r === void 0 || s === void 0 || r === 0 ? (i) => i : (i) => (i - s) / r;
9
- }
10
- function j(o) {
11
- const r = M(o), [s, i] = _(o);
12
- return r === void 0 || s === void 0 || i === void 0 ? (v) => v : (v) => (v - r) / (i - s);
13
- }
14
- function q(o, r) {
15
- return o === "standardScaling" ? N(r) : o === "meanNormalization" ? j(r) : (s) => s;
16
- }
17
- function B(o, r, s, i, v, V, C, E, S) {
18
- const g = C.map((t) => t.join("_")), e = {
1
+ import { fillCellsData as x } from "../heatmap/fillCellsData.js";
2
+ const V = 1e6;
3
+ function G() {
4
+ return {
19
5
  meta: {
20
- facetKeys: g,
6
+ valueSources: ["sizeValue", "colorValue"],
7
+ facetKeys: [],
8
+ xGroupKeys: [],
9
+ yGroupKeys: [],
21
10
  xKeys: [],
11
+ // all the keys from facets
22
12
  yKeys: [],
13
+ // all the keys from facets
14
+ xKeysByGroups: {},
15
+ yKeysByGroups: {},
23
16
  xLabels: {},
24
17
  yLabels: {},
25
- facetKeyValues: g.reduce((t, a, l) => (t[a] = C[l], t), {}),
26
- valueExtentSize: [1 / 0, -1 / 0],
27
- valueExtentColor: [1 / 0, -1 / 0]
18
+ xGroupLabels: {},
19
+ yGroupLabels: {},
20
+ facetKeyValues: {},
21
+ xGroupKeyValues: {},
22
+ yGroupKeyValues: {},
23
+ xDataByKeys: {},
24
+ yDataByKeys: {},
25
+ valueExtent: {
26
+ sizeValue: [1 / 0, -1 / 0],
27
+ colorValue: [1 / 0, -1 / 0]
28
+ }
28
29
  },
29
30
  facets: {}
30
- }, z = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), w = r.valueLabels ?? r.value, I = s.valueLabels ?? s.value;
31
- for (let t = 0; t < o.rowsCount; t++) {
32
- const a = V.length ? V.map((f) => o.getColumnValue(f.value, t)).join("_") : "null", l = o.getColumnValue(r.value, t), n = o.getColumnValue(s.value, t), u = o.getColumnValue(i.value, t) ?? S, c = o.getColumnValue(v.value, t) ?? S;
33
- if (l === null || n === null || u === null || c === null)
34
- continue;
35
- e.facets[a] || (e.facets[a] = {
36
- xKeys: [],
37
- yKeys: [],
38
- cells: {}
39
- }), e.facets[a].xKeys.push(l), e.facets[a].yKeys.push(n), z.has(l) || (z.add(l), e.meta.xKeys.push(l)), L.has(n) || (L.add(n), e.meta.yKeys.push(n)), e.facets[a].cells[l] || (e.facets[a].cells[l] = {}), e.meta.valueExtentSize[0] = Math.min(u, e.meta.valueExtentSize[0]), e.meta.valueExtentSize[1] = Math.max(u, e.meta.valueExtentSize[1]), e.meta.valueExtentColor[0] = Math.min(c, e.meta.valueExtentColor[0]), e.meta.valueExtentColor[1] = Math.max(c, e.meta.valueExtentColor[1]);
40
- const K = String(o.getColumnValue(w, t)), h = String(o.getColumnValue(I, t));
41
- if (e.facets[a].cells[l][n])
42
- throw Error(`More than 1 value for x=${l}, y=${n}`);
43
- if (e.meta.xLabels[l] && K !== e.meta.xLabels[l])
44
- throw Error(`More than 1 x-label value for x=${l}`);
45
- if (e.meta.yLabels[n] && h !== e.meta.yLabels[n])
46
- throw Error(`More than 1 y-label value for y=${n}`);
47
- e.meta.xLabels[l] = K, e.meta.yLabels[n] = h, e.facets[a].cells[l][n] = {
48
- id: `${l}_${n}`,
49
- idx: t,
50
- x: l,
51
- y: n,
52
- sizeValue: u,
53
- normalizedSizeValue: u,
54
- colorValue: c,
55
- normalizedColorValue: c
56
- };
57
- }
58
- if (e.meta.facetKeys = e.meta.facetKeys.filter((t) => e.facets[t]), e.meta.facetKeys.forEach((t) => {
59
- const a = e.facets[t];
60
- if (a.xKeys = p.uniq(a.xKeys), a.yKeys = p.uniq(a.yKeys), a.xKeys.length * a.yKeys.length > D)
61
- throw Error(`Too many cells for graph rendering (${a.xKeys.length * a.yKeys.length})`);
62
- }), E) {
63
- const t = [1 / 0, -1 / 0];
64
- e.meta.facetKeys.forEach((a) => {
65
- if (!e.facets[a])
66
- return;
67
- const { xKeys: l, yKeys: n, cells: u } = e.facets[a], c = E.direction === "row" ? l : n, K = E.direction === "row" ? n : l, h = E.direction === "row" ? (f, x) => {
68
- var y;
69
- return (y = u[f]) == null ? void 0 : y[x];
70
- } : (f, x) => {
71
- var y;
72
- return (y = u[x]) == null ? void 0 : y[f];
73
- };
74
- K.forEach((f) => {
75
- const x = [];
76
- c.forEach((d) => {
77
- var b;
78
- const m = (b = h(d, f)) == null ? void 0 : b.colorValue;
79
- m !== void 0 && x.push(m);
80
- });
81
- const y = q(E.method, x);
82
- c.forEach((d) => {
83
- const m = h(d, f);
84
- m !== void 0 && (m.normalizedColorValue = y(m.colorValue), t[0] = Math.min(m.normalizedColorValue, t[0]), t[1] = Math.max(m.normalizedColorValue, t[1]));
85
- });
86
- });
87
- }), e.meta.valueExtentColor = t;
88
- }
89
- return e.meta.valueExtentSize[0] === 1 / 0 && (e.meta.valueExtentSize[0] = 0), e.meta.valueExtentSize[1] === -1 / 0 && (e.meta.valueExtentSize[1] = 0), e.meta.valueExtentColor[0] === 1 / 0 && (e.meta.valueExtentColor[0] = 0), e.meta.valueExtentColor[1] === -1 / 0 && (e.meta.valueExtentColor[1] = 0), e;
31
+ };
32
+ }
33
+ function g(l, a, s, t, y, r, u, o, n, i, K, c, p, f) {
34
+ const e = G();
35
+ if (x(
36
+ e,
37
+ l,
38
+ a,
39
+ s,
40
+ { sizeValue: t, colorValue: y },
41
+ r,
42
+ u,
43
+ o,
44
+ [],
45
+ null,
46
+ null,
47
+ { sizeValue: null, colorValue: n },
48
+ i,
49
+ K,
50
+ c,
51
+ p,
52
+ f
53
+ ), e.meta.xKeys.length * e.meta.yKeys.length > V)
54
+ throw Error(`Too many cells for graph rendering (${e.meta.xKeys.length * e.meta.yKeys.length})`);
55
+ return e;
90
56
  }
91
57
  export {
92
- B as getGroupedCellsData
58
+ g as getGroupedCellsData
93
59
  };
94
60
  //# sourceMappingURL=getGroupedCellsData.js.map