@milaboratories/miplots4 1.0.123 → 1.0.125

package/dist/histogram/index.js

@@ -0,0 +1,115 @@
+var D = Object.defineProperty;
+var _ = (c, u, t) => u in c ? D(c, u, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[u] = t;
+var d = (c, u, t) => _(c, typeof u != "symbol" ? u + "" : u, t);
+import { AbstractChart as v } from "../AbstractChart.js";
+import { createHistogramDataByFacets as b } from "./getHistogramData.js";
+import m from "../node_modules/lodash/lodash.js";
+import { renderToString as B } from "../node_modules/react-dom/server.browser.js";
+import S from "./ChartRenderer.js";
+import { HistogramSettingsImpl as p } from "./HistogramSettingsImpl.js";
+import { getKeysCombinations as x } from "../utils/getKeysCombination.js";
+function A(c, u, t) {
+  return u.reduce((e, a) => {
+    const i = m.uniqBy(c.rows, (r) => r[a.value]), o = (r) => String(r[a.value]), l = (r) => a.valueLabels ? String(r[a.valueLabels]) : o(r), n = i.reduce((r, s) => (r[o(s)] = l(s), r), {});
+    return e[a.value] = {
+      values: i.map(o).filter((r) => r !== "null").sort((r, s) => n[r].localeCompare(n[s], "en", { numeric: !0 })),
+      aesMap: t[a.value],
+      labels: n
+    }, e;
+  }, {});
+}
+class T extends v {
+  constructor(t, e, a) {
+    super(t, e);
+    d(this, "settings");
+    d(this, "chartRenderer", new S());
+    d(this, "onTooltipHintSwitch", () => {
+    });
+    d(this, "calculatedData", null);
+    this.settings = new p(e), a && (this.onTooltipHintSwitch = a[0]);
+  }
+  mount(t) {
+    try {
+      this.chartRenderer.init(t), this._updateData(), this._updateChart();
+    } catch (e) {
+      e instanceof Error && this.chartRenderer.renderError(e.message);
+    }
+  }
+  unmount() {
+    this.chartRenderer.clear();
+  }
+  updateSettingsAndData(t, e) {
+    try {
+      const a = this.settings, i = this.data;
+      this.settings = new p(e), this.data = t, this._needUpdateCalculatedDataBySettings(a, this.settings) || this._needUpdateCalculatedDataByData(i, this.data) ? this._updateData() : this._updateAesInData(), this._updateChart();
+    } catch (a) {
+      a instanceof Error && this.chartRenderer.renderError(a.message);
+    }
+  }
+  updateChartState(t, e) {
+    console.warn("no chart state for histogram");
+  }
+  export() {
+    return this._updateChart(), B(this.chartRenderer.component);
+  }
+  _needUpdateCalculatedDataBySettings(t, e) {
+    var a, i, o, l;
+    return t.valueColumn.value !== e.valueColumn.value || t.facetBy.some((n, r) => {
+      var s;
+      return n.value !== ((s = e.facetBy[r]) == null ? void 0 : s.value);
+    }) || ((a = t.grouping) == null ? void 0 : a.value) !== ((i = e.grouping) == null ? void 0 : i.value) || t.layers.length !== e.layers.length || t.layers.some((n, r) => n.type !== e.layers[r].type) || t.binsCount !== e.binsCount || t.chartSettings.xAxis.scale !== e.chartSettings.xAxis.scale || ((o = t.groupingOrder) == null ? void 0 : o.some((n, r) => {
+      var s;
+      return n !== ((s = e.groupingOrder) == null ? void 0 : s[r]);
+    })) || ((l = e.groupingOrder) == null ? void 0 : l.some((n, r) => {
+      var s;
+      return n !== ((s = t.groupingOrder) == null ? void 0 : s[r]);
+    }));
+  }
+  _needUpdateCalculatedDataByData(t, e) {
+    const a = Object.keys(t.data), i = Object.keys(e.data);
+    return t.id !== e.id || a.length !== i.length || a.some((o) => {
+      var l;
+      return t.data[o].length !== ((l = e.data[o]) == null ? void 0 : l.length);
+    });
+  }
+  _updateData() {
+    const { valueColumn: t, facetBy: e, grouping: a, binsCount: i, chartSettings: o, inheritedAes: l, groupingOrder: n } = this.settings, r = e.map((h) => this.data.getColumnCategories(h.value)), s = r.length ? x([...r]) : [["null"]], f = e.map((h) => h.value) ?? null, y = a ? [a.value] : [];
+    let g = a ? this.data.getColumnCategories(a.value) : ["null"];
+    n && (g = m.intersection(n, g)), this.data.setGrouping([...f, ...y]);
+    const C = b(this.data, s, g, t, i, o.xAxis.scale);
+    this.calculatedData = {
+      facetKeys: s.map((h) => h.join(", ")),
+      facetKeysCombinations: s,
+      histogramDataByFacets: C,
+      legendInfo: A(this.data, a ? [a] : [], l)
+    };
+  }
+  _updateAesInData() {
+    this.calculatedData;
+  }
+  _updateChart() {
+    if (!this.calculatedData)
+      return;
+    const { id: t, chartSettings: e, facetSettings: a, inheritedAes: i, layers: o, grouping: l, groupingDirection: n, groupingStack: r } = this.settings;
+    this.chartRenderer.render(
+      t,
+      e,
+      a,
+      this.calculatedData.facetKeys,
+      this.calculatedData.facetKeysCombinations,
+      //for titles, if facet by more than 1 column
+      this.calculatedData.histogramDataByFacets,
+      this.calculatedData.legendInfo,
+      o,
+      i,
+      l,
+      r,
+      n,
+      this.onTooltipHintSwitch
+    );
+  }
+}
+export {
+  T as ChartHistogram
+};
+//# sourceMappingURL=index.js.map

package/dist/histogram/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/histogram/index.ts"],"sourcesContent":["import {AbstractChart} from '../AbstractChart';\nimport type {HistogramLegendInfo} from './components/types';\nimport type {GroupedHistogramData} from './getHistogramData';\nimport {createHistogramDataByFacets} from './getHistogramData';\nimport type {ColumnName, HistogramEventHandlers, Row} from '../types';\nimport type {HistogramSettings} from '../types';\nimport lodash from 'lodash';\nimport {renderToString} from 'react-dom/server';\nimport ChartRenderer from './ChartRenderer';\nimport {HistogramSettingsImpl} from './HistogramSettingsImpl';\nimport type {DataFrame} from '../DataFrame';\nimport {getKeysCombinations} from '../utils/getKeysCombination';\n\nfunction getLegendInfo(\n    data: DataFrame,\n    grouping: ColumnName[],\n    inheritedAes: HistogramSettingsImpl['inheritedAes']\n): HistogramLegendInfo {\n    return grouping.reduce((res: HistogramLegendInfo, column) => {\n        const uniqRowsByGrouping = lodash.uniqBy(data.rows, row => row[column.value]);\n        const getValue = (row: Row) => String(row[column.value]);\n        const getValueLabel = (row: Row) => (column.valueLabels ? String(row[column.valueLabels]) : getValue(row));\n        const labels = uniqRowsByGrouping.reduce((res: Record<string, string>, row) => {\n            res[getValue(row)] = getValueLabel(row);\n            return res;\n        }, {});\n        res[column.value] = {\n            values: uniqRowsByGrouping.map(getValue).filter((v) => v !== 'null').sort((a, b) => labels[a].localeCompare(labels[b], 'en', {numeric: true})),\n            aesMap: inheritedAes[column.value],\n            labels,\n        };\n        return res;\n    }, {});\n}\nexport class ChartHistogram extends AbstractChart {\n    settings: HistogramSettingsImpl;\n    chartRenderer = new ChartRenderer();\n\n    onTooltipHintSwitch: (v:boolean) => void = () => undefined;\n    calculatedData: {\n        facetKeys: string[];\n        facetKeysCombinations: string[][];\n        histogramDataByFacets: Record<string, GroupedHistogramData>\n        legendInfo: HistogramLegendInfo\n    } | null = null;\n\n    constructor(data: DataFrame, settings: HistogramSettings, eventHandlers?: HistogramEventHandlers) {\n        super(data, settings);\n\n        this.settings = new HistogramSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onTooltipHintSwitch = eventHandlers[0];\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n        } catch (err) {\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: HistogramSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new HistogramSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this._updateChart();\n        } catch (err) {\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n            }\n        }\n    }\n\n    updateChartState(_field: string, _value: unknown) {\n        console.warn('no chart state for histogram');\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: HistogramSettingsImpl, settings: HistogramSettingsImpl) {\n        return (\n            prevSettings.valueColumn.value !== settings.valueColumn.value ||\n            prevSettings.facetBy.some((el, idx) => el.value !== settings.facetBy[idx]?.value) ||\n            prevSettings.grouping?.value !== settings.grouping?.value ||\n            prevSettings.layers.length !== settings.layers.length ||\n            prevSettings.layers.some((l, idx) => l.type !== settings.layers[idx].type) ||\n            prevSettings.binsCount !== settings.binsCount ||\n            prevSettings.chartSettings.xAxis.scale !== settings.chartSettings.xAxis.scale ||\n            prevSettings.groupingOrder?.some((key, idx) => key !== settings.groupingOrder?.[idx]) ||\n            settings.groupingOrder?.some((key, idx) => key !== prevSettings.groupingOrder?.[idx])\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {valueColumn, facetBy, grouping, binsCount, chartSettings, inheritedAes, groupingOrder} = this.settings;\n\n        const facetKeysLists = facetBy.map(column => this.data.getColumnCategories(column.value));\n        const facetKeysCombinations = facetKeysLists.length ? getKeysCombinations([...facetKeysLists]) : [['null']];\n        const facetGroupingValues = facetBy.map(column => column.value) ?? null;\n        const groupingValues = grouping ? [grouping.value] : [];\n        let groupingKeys = grouping ? this.data.getColumnCategories(grouping.value) : ['null'];\n        if (groupingOrder) {\n            groupingKeys = lodash.intersection(groupingOrder, groupingKeys);\n        }\n\n        this.data.setGrouping([...facetGroupingValues, ...groupingValues]);\n        const histogramDataByFacets = createHistogramDataByFacets(this.data, facetKeysCombinations, groupingKeys, valueColumn, binsCount, chartSettings.xAxis.scale);\n\n        this.calculatedData = {\n            facetKeys: facetKeysCombinations.map(v => v.join(', ')),\n            facetKeysCombinations,\n            histogramDataByFacets,\n            legendInfo: getLegendInfo(this.data, grouping ? [grouping] : [], inheritedAes)\n        };\n    }\n\n    _updateAesInData() {\n        const calculated = this.calculatedData;\n        if (!calculated) {\n            return;\n        }\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {id, chartSettings, facetSettings, inheritedAes, layers, grouping, groupingDirection, groupingStack} = this.settings;\n        this.chartRenderer.render(\n            id,\n            chartSettings,\n            facetSettings,\n            this.calculatedData.facetKeys,\n            this.calculatedData.facetKeysCombinations, //for titles, if facet by more than 1 column\n            this.calculatedData.histogramDataByFacets,\n            this.calculatedData.legendInfo,\n            layers,\n            inheritedAes,\n            grouping,\n            groupingStack,\n            groupingDirection,\n            this.onTooltipHintSwitch\n        );\n    }\n}\n"],"names":["getLegendInfo","data","grouping","inheritedAes","res","column","uniqRowsByGrouping","lodash","row","getValue","getValueLabel","labels","v","a","b","ChartHistogram","AbstractChart","settings","eventHandlers","__publicField","ChartRenderer","HistogramSettingsImpl","node","err","previousSettings","previousData","_field","_value","renderToString","prevSettings","el","idx","_a","_b","l","_c","key","_d","prevData","prevKeys","keys","valueColumn","facetBy","binsCount","chartSettings","groupingOrder","facetKeysLists","facetKeysCombinations","getKeysCombinations","facetGroupingValues","groupingValues","groupingKeys","histogramDataByFacets","createHistogramDataByFacets","id","facetSettings","layers","groupingDirection","groupingStack"],"mappings":"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"}