@milaboratories/miplots4 1.0.164 → 1.0.166

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 (66) hide show
  1. package/dist/_virtual/index10.js +2 -5
  2. package/dist/_virtual/index10.js.map +1 -1
  3. package/dist/_virtual/index5.js +5 -2
  4. package/dist/_virtual/index5.js.map +1 -1
  5. package/dist/_virtual/index6.js +4 -4
  6. package/dist/_virtual/index7.js +1 -1
  7. package/dist/_virtual/index8.js +4 -4
  8. package/dist/_virtual/index9.js +3 -3
  9. package/dist/bubble/components/ChartsGroup.js +21 -21
  10. package/dist/bubble/components/ChartsGroup.js.map +1 -1
  11. package/dist/common/Tooltip.d.ts +2 -1
  12. package/dist/common/Tooltip.js +147 -143
  13. package/dist/common/Tooltip.js.map +1 -1
  14. package/dist/discrete/DiscreteSettingsImpl.d.ts +11 -31
  15. package/dist/discrete/DiscreteSettingsImpl.js.map +1 -1
  16. package/dist/discrete/components/Chart.js +143 -143
  17. package/dist/discrete/components/Chart.js.map +1 -1
  18. package/dist/discrete/layers/stats/pValueCalculation.js +5 -5
  19. package/dist/heatmap/components/ChartsGroup.js +9 -9
  20. package/dist/heatmap/components/ChartsGroup.js.map +1 -1
  21. package/dist/index.d.ts +2 -2
  22. package/dist/index.js +4 -4
  23. package/dist/node_modules/.pnpm/scheduler@0.23.2/node_modules/scheduler/index.js +1 -1
  24. package/dist/scatterplot/components/ChartTooltip.js +34 -33
  25. package/dist/scatterplot/components/ChartTooltip.js.map +1 -1
  26. package/dist/scatterplot/components/ChartsGroup.js +31 -31
  27. package/dist/scatterplot/components/ChartsGroup.js.map +1 -1
  28. package/dist/scatterplot/dots.d.ts +2 -2
  29. package/dist/scatterplot/dots.js +9 -9
  30. package/dist/scatterplot/dots.js.map +1 -1
  31. package/dist/scatterplot/index.js +1 -1
  32. package/dist/scatterplot/index.js.map +1 -1
  33. package/dist/scatterplot/utils/sortDotsByGrouping.d.ts +2 -1
  34. package/dist/scatterplot/utils/sortDotsByGrouping.js +22 -11
  35. package/dist/scatterplot/utils/sortDotsByGrouping.js.map +1 -1
  36. package/dist/scatterplot-umap/ChartRenderer.d.ts +4 -3
  37. package/dist/scatterplot-umap/ChartRenderer.js +169 -164
  38. package/dist/scatterplot-umap/ChartRenderer.js.map +1 -1
  39. package/dist/scatterplot-umap/components/Lasso.js +49 -49
  40. package/dist/scatterplot-umap/components/Lasso.js.map +1 -1
  41. package/dist/scatterplot-umap/components/SVGLayer.js +49 -49
  42. package/dist/scatterplot-umap/components/SVGLayer.js.map +1 -1
  43. package/dist/scatterplot-umap/components/UpperSVG.d.ts +1 -1
  44. package/dist/scatterplot-umap/components/UpperSVG.js +39 -38
  45. package/dist/scatterplot-umap/components/UpperSVG.js.map +1 -1
  46. package/dist/scatterplot-umap/constants.d.ts +6 -5
  47. package/dist/scatterplot-umap/constants.js +12 -11
  48. package/dist/scatterplot-umap/constants.js.map +1 -1
  49. package/dist/scatterplot-umap/index.d.ts +1 -0
  50. package/dist/scatterplot-umap/index.js +103 -83
  51. package/dist/scatterplot-umap/index.js.map +1 -1
  52. package/dist/types/bubble.js +32 -37
  53. package/dist/types/bubble.js.map +1 -1
  54. package/dist/types/common.d.ts +42 -0
  55. package/dist/types/common.js +39 -35
  56. package/dist/types/common.js.map +1 -1
  57. package/dist/types/discrete.d.ts +680 -70
  58. package/dist/types/discrete.js +141 -141
  59. package/dist/types/discrete.js.map +1 -1
  60. package/dist/types/heatmap.js +54 -59
  61. package/dist/types/heatmap.js.map +1 -1
  62. package/dist/types/scatterplot-umap.js +19 -24
  63. package/dist/types/scatterplot-umap.js.map +1 -1
  64. package/dist/types/scatterplot.js +41 -46
  65. package/dist/types/scatterplot.js.map +1 -1
  66. package/package.json +1 -1
@@ -1,8 +1,5 @@
1
- import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
- import { __require as o } from "../node_modules/.pnpm/@stdlib_stats-wilcoxon@0.2.2/node_modules/@stdlib/stats-wilcoxon/lib/index.js";
3
- var t = o();
4
- const a = /* @__PURE__ */ r(t);
1
+ var e = { exports: {} };
5
2
  export {
6
- a as default
3
+ e as __module
7
4
  };
8
5
  //# sourceMappingURL=index10.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,5 +1,8 @@
1
- var e = { exports: {} };
1
+ import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
+ import { __require as o } from "../node_modules/.pnpm/@stdlib_stats-anova1@0.2.2/node_modules/@stdlib/stats-anova1/lib/index.js";
3
+ var t = o();
4
+ const i = /* @__PURE__ */ r(t);
2
5
  export {
3
- e as __module
6
+ i as default
4
7
  };
5
8
  //# sourceMappingURL=index5.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1
+ {"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
- import { __require as o } from "../node_modules/.pnpm/@stdlib_stats-anova1@0.2.2/node_modules/@stdlib/stats-anova1/lib/index.js";
3
- var t = o();
4
- const i = /* @__PURE__ */ r(t);
2
+ import { __require as t } from "../node_modules/.pnpm/@stdlib_stats-ttest@0.2.2/node_modules/@stdlib/stats-ttest/lib/index.js";
3
+ var e = t();
4
+ const s = /* @__PURE__ */ r(e);
5
5
  export {
6
- i as default
6
+ s as default
7
7
  };
8
8
  //# sourceMappingURL=index6.js.map
@@ -1,5 +1,5 @@
1
1
  import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
- import { __require as t } from "../node_modules/.pnpm/@stdlib_stats-ttest@0.2.2/node_modules/@stdlib/stats-ttest/lib/index.js";
2
+ import { __require as t } from "../node_modules/.pnpm/@stdlib_stats-ttest2@0.2.2/node_modules/@stdlib/stats-ttest2/lib/index.js";
3
3
  var e = t();
4
4
  const s = /* @__PURE__ */ r(e);
5
5
  export {
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
- import { __require as t } from "../node_modules/.pnpm/@stdlib_stats-ttest2@0.2.2/node_modules/@stdlib/stats-ttest2/lib/index.js";
3
- var e = t();
4
- const s = /* @__PURE__ */ r(e);
2
+ import { __require as o } from "../node_modules/.pnpm/@stdlib_stats-kruskal-test@0.2.2/node_modules/@stdlib/stats-kruskal-test/lib/index.js";
3
+ var t = o();
4
+ const i = /* @__PURE__ */ r(t);
5
5
  export {
6
- s as default
6
+ i as default
7
7
  };
8
8
  //# sourceMappingURL=index8.js.map
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
- import { __require as o } from "../node_modules/.pnpm/@stdlib_stats-kruskal-test@0.2.2/node_modules/@stdlib/stats-kruskal-test/lib/index.js";
2
+ import { __require as o } from "../node_modules/.pnpm/@stdlib_stats-wilcoxon@0.2.2/node_modules/@stdlib/stats-wilcoxon/lib/index.js";
3
3
  var t = o();
4
- const i = /* @__PURE__ */ r(t);
4
+ const a = /* @__PURE__ */ r(t);
5
5
  export {
6
- i as default
6
+ a as default
7
7
  };
8
8
  //# sourceMappingURL=index9.js.map
@@ -11,13 +11,13 @@ function U({
11
11
  margins: r,
12
12
  captionsSizes: a,
13
13
  settingsId: m,
14
- chartSettings: n,
14
+ chartSettings: i,
15
15
  chartSizes: o,
16
- chartsDimensions: e,
17
- facetKeys: l,
16
+ chartsDimensions: l,
17
+ facetKeys: e,
18
18
  scales: h,
19
- colorScale: g,
20
- sizeScale: x,
19
+ colorScale: x,
20
+ sizeScale: g,
21
21
  groupedCells: u,
22
22
  cellsMeta: j,
23
23
  step: d,
@@ -25,14 +25,14 @@ function U({
25
25
  aes: T,
26
26
  columnsCount: C,
27
27
  labelAngles: E,
28
- getCellTooltip: c,
29
- onTooltipHintSwitch: $
28
+ getCellTooltip: $,
29
+ onTooltipHintSwitch: c
30
30
  }) {
31
- const W = M($), [P, v] = p.useState(), s = p.useRef(null);
31
+ const W = M(c, i.tooltips), [P, v] = p.useState(), s = p.useRef(null);
32
32
  p.useEffect(() => {
33
33
  s.current && v(s.current);
34
34
  }, []);
35
- const f = e[l[0]].padding, F = e[l[C - 1]].padding, L = r.left + o.chartsWidth + N, R = r.top + f.top;
35
+ const f = l[e[0]].padding, F = l[e[C - 1]].padding, L = r.left + o.chartsWidth + N, R = r.top + f.top;
36
36
  return /* @__PURE__ */ t.jsx(H, { dataId: m, children: /* @__PURE__ */ t.jsxs(
37
37
  "svg",
38
38
  {
@@ -47,39 +47,39 @@ function U({
47
47
  /* @__PURE__ */ t.jsx(
48
48
  G,
49
49
  {
50
- title: [n.title.name],
51
- show: n.title.show,
52
- position: n.title.position,
50
+ title: [i.title.name],
51
+ show: i.title.show,
52
+ position: i.title.position,
53
53
  leftPadding: f.left,
54
54
  rightPadding: F.right,
55
55
  chartsWidth: o.chartsWidth
56
56
  }
57
57
  ),
58
- l.map((i) => {
59
- const { cells: B } = u[i];
58
+ e.map((n) => {
59
+ const { cells: B } = u[n];
60
60
  return /* @__PURE__ */ t.jsx(
61
61
  O,
62
62
  {
63
63
  captionsSizes: a,
64
- facetKey: i,
65
- dimensions: e[i],
64
+ facetKey: n,
65
+ dimensions: l[n],
66
66
  scales: h,
67
67
  cells: B,
68
68
  cellsMeta: j,
69
69
  stepX: d.x,
70
70
  stepY: d.y,
71
- colorScale: g,
72
- sizeScale: x,
73
- chartSettings: n,
71
+ colorScale: x,
72
+ sizeScale: g,
73
+ chartSettings: i,
74
74
  aes: T,
75
75
  labelAngles: E,
76
76
  margins: r,
77
77
  chartSizes: o,
78
78
  tooltipsData: W,
79
79
  tooltipsContainer: P,
80
- getTooltip: c
80
+ getTooltip: $
81
81
  },
82
- i
82
+ n
83
83
  );
84
84
  })
85
85
  ] }),
@@ -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 { 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
+ {"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, chartSettings.tooltips);\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,3 +1,4 @@
1
+ import { TooltipSettings } from '../types';
1
2
  type SideDistances = {
2
3
  left: number;
3
4
  right: number;
@@ -15,7 +16,7 @@ export type TooltipsData<T> = {
15
16
  onMouseLeave: () => void;
16
17
  onClose: () => void;
17
18
  };
18
- export declare function useTooltip<T = unknown>(onTooltipHintSwitchOuterCallback?: (v: boolean) => void): TooltipsData<T>;
19
+ export declare function useTooltip<T = unknown>(onTooltipHintSwitchOuterCallback?: (v: boolean) => void, tooltipSettings?: TooltipSettings): TooltipsData<T>;
19
20
  export declare function Tooltip({ content, x, y, active, fixed, container, sideDistances, onClose, offset, horizontal, }: {
20
21
  content: string[];
21
22
  x: number;