@milaboratories/graph-maker 1.1.195 → 1.1.196

package/dist/store.d.ts

@@ -1,10 +1,9 @@
 import { ChartType, DemoDataStore, DendroStateController, InputGuide, InputNamesByChartType, InputState, PlotDataAndSettings, getControllerByType } from '@milaboratories/pf-plots';
 import { PColumnSpec } from '@platforma-sdk/model';
-import { ListOption } from '@platforma-sdk/ui-vue';
 import { Palette } from './components/AesSettings/types';
 import { ComputedRef, Reactive, Ref } from 'vue';
 import { AesType } from './constantsCommon';
-import { DefaultPalettes, FilterSuggestionsBySourceMap, GraphMakerProps, GraphMakerState, ReactiveState, UniqueValuesBySourceMap } from './types';
+import { DefaultPalettes, FilterLabelsInfoBySourceMap, FilterSuggestionsBySourceMap, GraphMakerProps, GraphMakerState, ReactiveState, UniqueValuesBySourceMap } from './types';
 import { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';
 export declare function createReactiveState(initialData: GraphMakerState, chartType: ChartType): Reactive<ReactiveState>;
 export interface Store {
@@ -30,11 +29,11 @@ export interface Store {
     chartData: Ref<PlotDataAndSettings | null>;
     uniqueValuesData: Ref<UniqueValuesBySourceMap>;
     filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>;
-    filterLabelsInfo: Ref<Record<string, ListOption>>;
+    filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>;
     readonlyInputs?: InputNamesByChartType[ChartType][];
     defaultPalette: DefaultPalettes;
 }
-export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dataStore: DemoDataStore | null, inputGuide: Ref<InputGuide<InputState>>, chartData: Ref<PlotDataAndSettings | null>, dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>, uniqueValuesData: Ref<UniqueValuesBySourceMap>, filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>, filterLabelsInfo: Ref<Record<string, ListOption>>, readonlyInputs?: InputNamesByChartType[ChartType][], defaultPalette?: Palette | {
+export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dataStore: DemoDataStore | null, inputGuide: Ref<InputGuide<InputState>>, chartData: Ref<PlotDataAndSettings | null>, dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>, uniqueValuesData: Ref<UniqueValuesBySourceMap>, filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>, filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>, readonlyInputs?: InputNamesByChartType[ChartType][], defaultPalette?: Palette | {
     categorical?: Palette;
     continuous?: Palette;
 }): Store;

package/dist/store.js

@@ -1,6 +1,6 @@
 import { deepClone as j } from "@milaboratories/helpers";
 import { getControllerByType as L, getInitialStateByType as H } from "@milaboratories/pf-plots";
-import { ref as d, computed as I, toRaw as C, watch as T, provide as V, reactive as K, inject as k } from "vue";
+import { ref as d, computed as C, toRaw as G, watch as T, provide as V, reactive as K, inject as k } from "vue";
 import { getInitialAxesSettings as q, getInitialLayersSettings as z, getInitialStatisticsState as J, getInitialTemplate as W } from "./constantsCommon.js";
 import { updateDataBindAes as Q } from "./dataBindAes.js";
 import { notEmpty as X } from "./helpers.js";
@@ -10,15 +10,15 @@ import { loadDataForPlot as $ } from "./utils/createChartSettingsForRender/compo
 import { calculateDiscreteGroups as U } from "./utils/calculateDiscreteGroups.js";
 import { addFixedOptionsToState as R } from "./utils/addFixedOptionsToState.js";
 import { loadDefaultSources as x } from "./utils/loadDefaultSources.js";
-import { copyJSON as A } from "./utils/copyJSON.js";
+import { copyJSON as I } from "./utils/copyJSON.js";
 import { getUsedAesInMapping as P } from "./utils/getUsedAesInMapping.js";
 import { getUniqueValuesFromReadyChartData as tt, loadFilterLabelsForTitle as et } from "./utils/loadUniqueValuesToSave.js";
 import { tabKeys as at } from "./forms/index.js";
 function ot(t, e) {
-  const l = A(H(t));
+  const l = I(H(t));
   if ((e == null ? void 0 : e.type) !== t)
     return l;
-  const g = A(e);
+  const g = I(e);
   return {
     ...l,
     ...g,
@@ -41,7 +41,7 @@ function nt(t, e) {
     layersSettings: z(t.layersSettings),
     axesSettings: q(e, t.axesSettings),
     // common aesthetics data mapped on columns/axes values
-    dataBindAes: A(t.dataBindAes ?? {}),
+    dataBindAes: I(t.dataBindAes ?? {}),
     chartScale: t.zoomState ?? 100,
     lassoControlsState: null,
     currentTab: null,
@@ -51,7 +51,7 @@ function nt(t, e) {
     showTooltipHint: !1
   });
 }
-function it(t, e, l, g, S, y, f, D, a, o) {
+function it(t, e, l, g, S, y, f, A, a, o) {
   return {
     reactive: t,
     loading: K({
@@ -64,21 +64,21 @@ function it(t, e, l, g, S, y, f, D, a, o) {
       dendroTableData: !1
     }),
     commonHelpersData: {
-      primaryGroups: I(
+      primaryGroups: C(
         () => U(
           t.optionsState,
           y.value,
           "primaryGrouping"
         )
       ),
-      secondaryGroups: I(
+      secondaryGroups: C(
         () => U(
           t.optionsState,
           y.value,
           "secondaryGrouping"
         )
       ),
-      usedAesInMapping: I(
+      usedAesInMapping: C(
         () => P(
           t.chartType,
           t.template,
@@ -96,7 +96,7 @@ function it(t, e, l, g, S, y, f, D, a, o) {
     chartData: g,
     uniqueValuesData: y,
     filterSuggestionsData: f,
-    filterLabelsInfo: D,
+    filterLabelsInfo: A,
     readonlyInputs: a,
     defaultPalette: {
       categorical: typeof o == "object" && o.categorical ? o.categorical : typeof o == "string" ? o : Z,
@@ -104,22 +104,21 @@ function it(t, e, l, g, S, y, f, D, a, o) {
     }
   };
 }
-function bt(t, e, l, g, S, y, f, D) {
-  console.log("defaultPalette", D);
-  const a = nt(t, l), o = L(a.chartType), h = d(L(a.chartType).getEmptyInputGuide(a.optionsState)), N = d(null), b = d({}), G = d({}), E = d({}), B = d(null), n = I(() => it(
+function bt(t, e, l, g, S, y, f, A) {
+  const a = nt(t, l), o = L(a.chartType), D = d(L(a.chartType).getEmptyInputGuide(a.optionsState)), N = d(null), h = d({}), b = d({}), E = d({}), B = d(null), n = C(() => it(
     a,
-    C(e.value),
-    h,
+    G(e.value),
+    D,
     N,
     B,
+    h,
     b,
-    G,
     E,
     f,
-    D
+    A
   ));
   T(() => e.value, () => {
-    E.value = {}, b.value = {}, G.value = {};
+    E.value = {}, h.value = {}, b.value = {};
   }), T([
     () => e.value,
     () => g.value
@@ -127,7 +126,7 @@ function bt(t, e, l, g, S, y, f, D) {
     if (!c || !i || !n.value.loading.initialDefaults)
       return;
     n.value.loading.initialDefaults = !1, n.value.loading.initialInputGuide = !0;
-    const s = A(a.optionsState.components), r = c.filter((u) => {
+    const s = I(a.optionsState.components), r = c.filter((u) => {
       var v;
       return ((v = a.optionsState.components[u.inputName]) == null ? void 0 : v.selectorStates.length) === 0 || (f == null ? void 0 : f.includes(u.inputName));
     });
@@ -164,19 +163,19 @@ function bt(t, e, l, g, S, y, f, D) {
     w.value++;
     const r = w.value;
     n.value.loading.inputGuide = !0;
-    const m = c && s ? (await x(c, s, !1)).map((p) => p.selectedSource) : [], u = c ? await o.calculateOptions(C(c), i, m, y) : o.getEmptyInputGuide(i);
-    if (r === w.value && (h.value = u, n.value.loading.inputGuide = !1, n.value.loading.initialInputGuide)) {
+    const m = c && s ? (await x(c, s, !1)).map((p) => p.selectedSource) : [], u = c ? await o.calculateOptions(G(c), i, m, y) : o.getEmptyInputGuide(i);
+    if (r === w.value && (D.value = u, n.value.loading.inputGuide = !1, n.value.loading.initialInputGuide)) {
       n.value.loading.initialInputGuide = !1;
       const p = t.currentTab === void 0 ? "dataMapping" : t.currentTab;
       n.value.reactive.currentTab = n.value.reactive.currentTab ?? p;
     }
   }, { immediate: !0, deep: !0 });
   const F = d(0);
-  if (T(() => h.value, async (i) => {
+  if (T(() => D.value, async (i) => {
     F.value++;
     const c = F.value, s = setTimeout(() => {
       n.value.loading.chartData = !0;
-    }, 300), r = C(e.value), m = await $(i, a, r, S.value);
+    }, 300), r = G(e.value), m = await $(i, a, r, S.value);
     if (clearTimeout(s), m && r) {
       const { uniqueValues: u, filterSuggestions: p } = await tt(
         m,
@@ -184,9 +183,9 @@ function bt(t, e, l, g, S, y, f, D) {
         a.optionsState.components,
         o,
         r,
-        C(G.value)
+        G(b.value)
       );
-      b.value = u, G.value = p, Q(a.optionsState, a.dataBindAes, b.value);
+      h.value = u, b.value = p, Q(a.optionsState, a.dataBindAes, h.value);
     }
     E.value = r ? await et(
       a.optionsState.components,
@@ -199,7 +198,7 @@ function bt(t, e, l, g, S, y, f, D) {
     T([
       () => a.optionsState,
       () => e.value,
-      () => h.value.readyData,
+      () => D.value.readyData,
       () => S.value
     ], async ([c, s, r, m]) => {
       if (r && s) {

package/dist/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sources":["../src/store.ts"],"sourcesContent":["import { deepClone } from '@milaboratories/helpers';\nimport type {\n  ChartType,\n  DemoDataStore,\n  DendroStateController,\n  DendroUIState,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PlotDataAndSettings,\n} from '@milaboratories/pf-plots';\nimport {\n  getControllerByType,\n  getInitialStateByType,\n} from '@milaboratories/pf-plots';\nimport type { PColumnSpec } from '@platforma-sdk/model';\nimport type { ListOption } from '@platforma-sdk/ui-vue';\nimport type { CategoricalPalette, ContinuousPalette, Palette } from './components/AesSettings/types';\nimport type { ComputedRef, Reactive, Ref } from 'vue';\nimport { computed, inject, provide, reactive, ref, toRaw, watch } from 'vue';\nimport type {\n  AesType } from './constantsCommon';\nimport {\n  getInitialAxesSettings,\n  getInitialLayersSettings,\n  getInitialStatisticsState,\n  getInitialTemplate,\n} from './constantsCommon';\nimport { updateDataBindAes } from './dataBindAes';\nimport { notEmpty } from './helpers';\nimport { storeKey } from './keys';\nimport type {\n  DefaultPalettes,\n  DendroNodeInfo,\n  FilterSuggestionsBySourceMap,\n  GraphMakerProps,\n  GraphMakerState,\n  ReactiveState, UniqueValuesBySourceMap,\n} from './types';\nimport { loadDefaultSources } from './utils';\nimport { addFixedOptionsToState } from './utils/addFixedOptionsToState';\nimport { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';\nimport { copyJSON } from './utils/copyJSON';\nimport { loadDataForPlot } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { getUsedAesInMapping } from './utils/getUsedAesInMapping';\nimport {\n  getUniqueValuesFromReadyChartData,\n  loadFilterLabelsForTitle,\n} from './utils/loadUniqueValuesToSave';\nimport type { FormKey } from './forms';\nimport { tabKeys } from './forms';\nimport { DEFAULT_CATEGORICAL_PALETTE, DEFAULT_CONTINUOUS_PALETTE } from './constantsAesthetic';\n\nfunction getInitialOptionsState(chartType: ChartType, optionsState: InputState | undefined) {\n  const defaultState = copyJSON(getInitialStateByType(chartType));\n  if (optionsState?.type !== chartType) {\n    return defaultState;\n  }\n  const optionsStateCopy = copyJSON(optionsState);\n\n  return {\n    ...defaultState,\n    ...optionsStateCopy,\n    components: {\n      ...defaultState.components,\n      ...optionsStateCopy.components,\n    },\n  };\n}\n\nexport function createReactiveState(\n  initialData: GraphMakerState,\n  chartType: ChartType,\n): Reactive<ReactiveState> {\n  return reactive({\n    chartType: chartType,\n    // from pf-plots\n    optionsState: getInitialOptionsState(chartType, initialData.optionsState), // contains user selected inputs\n\n    dataStateKey: deepClone(initialData.dataStateKey),\n    // local form states, updates directly in forms\n    template: getInitialTemplate(initialData.template, chartType),\n    statisticsSettings: getInitialStatisticsState(chartType, initialData.statisticsSettings),\n    layersSettings: getInitialLayersSettings(initialData.layersSettings),\n    axesSettings: getInitialAxesSettings(chartType, initialData.axesSettings),\n    // common aesthetics data mapped on columns/axes values\n    dataBindAes: copyJSON(initialData.dataBindAes ?? {}),\n    chartScale: initialData.zoomState ?? 100,\n    lassoControlsState: null,\n    currentTab: null,\n    tabDefaultState: tabKeys().reduce((res, formKey: FormKey) => {\n      res[formKey] = {};\n      return res;\n    }, {} as Record<FormKey, Record<string, boolean>>),\n    dendroInfoByClick: null as null | DendroNodeInfo,\n    dendroSelectedNodeId: null,\n    showTooltipHint: false,\n  });\n}\n\nexport interface Store {\n  reactive: Reactive<ReactiveState>;\n  loading: {\n    initialInputGuide: boolean;\n    initialCharts: boolean;\n    initialDefaults: boolean;\n    inputGuide: boolean;\n    chartData: boolean;\n    chartRendering: boolean;\n    dendroTableData: boolean;\n  };\n  commonHelpersData: {\n    primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;\n    dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;\n  };\n  controller: ReturnType<typeof getControllerByType>;\n  columnsDataStore: DemoDataStore | null;\n  inputGuide: Ref<InputGuide<InputState>>;\n  chartData: Ref<PlotDataAndSettings | null>;\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>;\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>;\n  filterLabelsInfo: Ref<Record<string, ListOption>>;\n  readonlyInputs?: InputNamesByChartType[ChartType][];\n  defaultPalette: DefaultPalettes;\n}\n\nexport function factoryStore(\n  reactiveState: Reactive<ReactiveState>,\n  dataStore: DemoDataStore | null,\n  inputGuide: Ref<InputGuide<InputState>>,\n  chartData: Ref<PlotDataAndSettings | null>,\n  dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>,\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>,\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>,\n  filterLabelsInfo: Ref<Record<string, ListOption>>,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: Palette | { categorical?: Palette; continuous?: Palette },\n): Store {\n  return {\n    reactive: reactiveState,\n    loading: reactive({\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n      chartRendering: false,\n      dendroTableData: false,\n    }),\n    commonHelpersData: {\n      primaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'primaryGrouping',\n      ),\n      ),\n      secondaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'secondaryGrouping',\n      ),\n      ),\n      usedAesInMapping: computed<Record<string, Record<AesType, boolean>>>(() =>\n        getUsedAesInMapping(\n          reactiveState.chartType,\n          reactiveState.template,\n          reactiveState.layersSettings,\n          reactiveState.statisticsSettings,\n          reactiveState.optionsState,\n          inputGuide.value,\n        ),\n      ),\n      dendroTableData,\n    },\n    controller: getControllerByType(reactiveState.chartType),\n    columnsDataStore: dataStore,\n    inputGuide,\n    chartData,\n    uniqueValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette: {\n      categorical: typeof defaultPalette === 'object' && defaultPalette.categorical\n        ? defaultPalette.categorical as CategoricalPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as CategoricalPalette : DEFAULT_CATEGORICAL_PALETTE,\n      continuous: typeof defaultPalette === 'object' && defaultPalette.continuous\n        ? defaultPalette.continuous as ContinuousPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as ContinuousPalette : DEFAULT_CONTINUOUS_PALETTE,\n    },\n  };\n}\n\nexport type ComputedStore = ComputedRef<Store>;\n\nexport function provideStore(\n  initialState: GraphMakerState,\n  dataStoreRef: Ref<DemoDataStore | null>,\n  chartType: ChartType,\n  defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>,\n  fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>,\n  dataColumnPredicate?: (spec: PColumnSpec) => boolean,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: GraphMakerProps['defaultPalette'],\n) {\n  console.log('defaultPalette', defaultPalette);\n  const reactiveState = createReactiveState(initialState, chartType);\n  const controller = getControllerByType(reactiveState.chartType);\n\n  const inputGuide = ref<InputGuide<InputState>>(getControllerByType(reactiveState.chartType).getEmptyInputGuide(reactiveState.optionsState));\n  const chartData = ref<PlotDataAndSettings | null>(null);\n\n  const uniqueValuesData = ref<UniqueValuesBySourceMap>({});\n  const filterSuggestionsData = ref<FilterSuggestionsBySourceMap>({});\n  const filterLabelsInfo = ref<Record<string, ListOption>>({}); // for auto titles of chart if something selected in filter/tabby\n\n  const dendroTableData = ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>(null);\n\n  // toRaw removes Vue proxy from dataStore.pframe (PFrame api)\n  const store = computed(() => factoryStore(\n    reactiveState,\n    toRaw(dataStoreRef.value),\n    inputGuide,\n    chartData,\n    dendroTableData,\n    uniqueValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette,\n  ));\n\n  watch(() => dataStoreRef.value, () => {\n    filterLabelsInfo.value = {};\n    uniqueValuesData.value = {};\n    filterSuggestionsData.value = {}; // reset saved data; avoid caching of empty results from old empty pframe\n  });\n  watch([\n    () => dataStoreRef.value,\n    () => defaultOptionsRef.value,\n  ], async ([ds, defaultOptions]) => {\n    if (!defaultOptions || !ds || !store.value.loading.initialDefaults) {\n      return;\n    }\n    store.value.loading.initialDefaults = false; // to avoid multiple calculations, default settings cannot change except after reset\n    store.value.loading.initialInputGuide = true; // to show loader on initial loading; changing of reactiveState.optionsState always triggers inputGuide recalculating, so it will be off after inputGuide\n\n    const defaultStateMap = copyJSON(reactiveState.optionsState.components);\n    const defaultOptionsWithoutUserChanges = defaultOptions.filter((opt) => {\n      const res = reactiveState.optionsState.components[opt.inputName]?.selectorStates.length === 0\n        || readonlyInputs?.includes(opt.inputName);\n      return res;\n    });\n    if (defaultOptionsWithoutUserChanges.length === 0) {\n      return;\n    }\n    defaultOptionsWithoutUserChanges.forEach((opt) => {\n      defaultStateMap[opt.inputName].selectorStates = [];\n    });\n    const loadedDefaultSources = await loadDefaultSources(ds, defaultOptionsWithoutUserChanges);\n    for (const {\n      inputName,\n      selectedSource,\n      filterType,\n      selectedFilterValues,\n      selectedFilterRange,\n    } of loadedDefaultSources) {\n      defaultStateMap[inputName].selectorStates.push({\n        selectedSource,\n        type: filterType,\n        selectedFilterValues,\n        selectedFilterRange,\n      });\n    }\n\n    reactiveState.optionsState.components = {\n      ...reactiveState.optionsState.components,\n      ...defaultStateMap,\n    };\n  }, { immediate: true });\n\n  // recalculate input guide - options for every data input, consistency info etc\n  const inputGuideCounter = ref(0); // to avoid race condition on async calculations\n  watch([\n    () => reactiveState.optionsState,\n    () => dataStoreRef.value,\n    () => fixedOptionsRef.value,\n  ], async ([optionsState, ds, fixedOptions]) => {\n    inputGuideCounter.value++;\n    const counter = inputGuideCounter.value;\n    store.value.loading.inputGuide = true;\n    const ignoredIds = ds && fixedOptions ? (await loadDefaultSources(ds, fixedOptions, false)).map((item) => item.selectedSource) : [];\n\n    // const start = Date.now();\n    const nextInputGuide = ds ? await controller.calculateOptions(toRaw(ds), optionsState, ignoredIds, dataColumnPredicate) : controller.getEmptyInputGuide(optionsState);\n    // console.log('input guide', Date.now() - start);\n\n    if (counter === inputGuideCounter.value) { // race condition check\n      inputGuide.value = nextInputGuide;\n\n      store.value.loading.inputGuide = false;\n      if (store.value.loading.initialInputGuide) { // open default/saved tab only after inputGuide loading\n        store.value.loading.initialInputGuide = false;\n        const initialTab = initialState.currentTab === undefined ? 'dataMapping' : initialState.currentTab;\n        store.value.reactive.currentTab = store.value.reactive.currentTab ?? initialTab;\n      }\n    }\n  }, { immediate: true, deep: true });\n\n  // recalculate data for chart rendering (miplots4)\n  const chartDataCounter = ref(0); // to avoid race condition on async calculations\n  watch(() => inputGuide.value, async (ig) => {\n    chartDataCounter.value++;\n    const counter = chartDataCounter.value;\n\n    const loading = setTimeout(() => {\n      store.value.loading.chartData = true;\n    }, 300);\n\n    const ds = toRaw(dataStoreRef.value);\n    // const start = Date.now();\n    const nextChartData = await loadDataForPlot(ig, reactiveState, ds, fixedOptionsRef.value);\n    clearTimeout(loading);\n\n    if (nextChartData && ds) {\n      const { uniqueValues, filterSuggestions } = await getUniqueValuesFromReadyChartData(\n        nextChartData, ig, reactiveState.optionsState.components, controller, ds, toRaw(filterSuggestionsData.value),\n      );\n      uniqueValuesData.value = uniqueValues;\n      filterSuggestionsData.value = filterSuggestions;\n      updateDataBindAes(reactiveState.optionsState, reactiveState.dataBindAes, uniqueValuesData.value);\n    }\n    filterLabelsInfo.value = ds\n      ? await loadFilterLabelsForTitle(\n        reactiveState.optionsState.components,\n        ig,\n        controller,\n        ds,\n      )\n      : {};\n    // console.log('chart data', Date.now() - start);\n\n    if (counter === chartDataCounter.value) { // race condition check\n      chartData.value = nextChartData;\n      if (ig.ready) {\n        store.value.loading.initialCharts = false;\n      }\n      store.value.loading.chartData = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // watch data for table, only dendro chart; data is also using for popup by tree node click\n  if (reactiveState.chartType === 'dendro') {\n    const dendroDataCounter = ref(0); // to avoid race condition on async calculations\n    watch([\n      () => reactiveState.optionsState as DendroUIState,\n      () => dataStoreRef.value,\n      () => inputGuide.value.readyData,\n      () => fixedOptionsRef.value,\n    ], async ([optionsState, dataStore, ready, fixed]) => {\n      if (ready && dataStore) {\n        dendroDataCounter.value++;\n        const counter = dendroDataCounter.value;\n        store.value.loading.dendroTableData = true;\n        const state = await addFixedOptionsToState(optionsState, dataStore, fixed) as DendroUIState;\n        const nextDendroTableData = await (controller as unknown as DendroStateController).createTableData(dataStore, state);\n\n        if (dendroDataCounter.value === counter) {\n          dendroTableData.value = nextDendroTableData;\n        }\n        store.value.loading.dendroTableData = false;\n      }\n    }, { immediate: true });\n  }\n\n  provide(storeKey, store);\n  return store;\n}\n\nexport function useStore() {\n  return notEmpty(inject<ComputedStore>(storeKey), 'Empty store');\n}\n"],"names":["getInitialOptionsState","chartType","optionsState","defaultState","copyJSON","getInitialStateByType","optionsStateCopy","createReactiveState","initialData","reactive","deepClone","getInitialTemplate","getInitialStatisticsState","getInitialLayersSettings","getInitialAxesSettings","tabKeys","res","formKey","factoryStore","reactiveState","dataStore","inputGuide","chartData","dendroTableData","uniqueValuesData","filterSuggestionsData","filterLabelsInfo","readonlyInputs","defaultPalette","computed","calculateDiscreteGroups","getUsedAesInMapping","getControllerByType","DEFAULT_CATEGORICAL_PALETTE","DEFAULT_CONTINUOUS_PALETTE","provideStore","initialState","dataStoreRef","defaultOptionsRef","fixedOptionsRef","dataColumnPredicate","controller","ref","store","toRaw","watch","ds","defaultOptions","defaultStateMap","defaultOptionsWithoutUserChanges","opt","_a","loadedDefaultSources","loadDefaultSources","inputName","selectedSource","filterType","selectedFilterValues","selectedFilterRange","inputGuideCounter","fixedOptions","counter","ignoredIds","item","nextInputGuide","initialTab","chartDataCounter","ig","loading","nextChartData","loadDataForPlot","uniqueValues","filterSuggestions","getUniqueValuesFromReadyChartData","updateDataBindAes","loadFilterLabelsForTitle","dendroDataCounter","ready","fixed","state","addFixedOptionsToState","nextDendroTableData","provide","storeKey","useStore","notEmpty","inject"],"mappings":"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"}
+{"version":3,"file":"store.js","sources":["../src/store.ts"],"sourcesContent":["import { deepClone } from '@milaboratories/helpers';\nimport type {\n  ChartType,\n  DemoDataStore,\n  DendroStateController,\n  DendroUIState,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PlotDataAndSettings,\n} from '@milaboratories/pf-plots';\nimport {\n  getControllerByType,\n  getInitialStateByType,\n} from '@milaboratories/pf-plots';\nimport type { PColumnSpec } from '@platforma-sdk/model';\nimport type { CategoricalPalette, ContinuousPalette, Palette } from './components/AesSettings/types';\nimport type { ComputedRef, Reactive, Ref } from 'vue';\nimport { computed, inject, provide, reactive, ref, toRaw, watch } from 'vue';\nimport type {\n  AesType } from './constantsCommon';\nimport {\n  getInitialAxesSettings,\n  getInitialLayersSettings,\n  getInitialStatisticsState,\n  getInitialTemplate,\n} from './constantsCommon';\nimport { updateDataBindAes } from './dataBindAes';\nimport { notEmpty } from './helpers';\nimport { storeKey } from './keys';\nimport type {\n  DefaultPalettes,\n  DendroNodeInfo,\n  FilterLabelsInfoBySourceMap,\n  FilterSuggestionsBySourceMap,\n  GraphMakerProps,\n  GraphMakerState,\n  ReactiveState, UniqueValuesBySourceMap,\n} from './types';\nimport { loadDefaultSources } from './utils';\nimport { addFixedOptionsToState } from './utils/addFixedOptionsToState';\nimport { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';\nimport { copyJSON } from './utils/copyJSON';\nimport { loadDataForPlot } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { getUsedAesInMapping } from './utils/getUsedAesInMapping';\nimport {\n  getUniqueValuesFromReadyChartData,\n  loadFilterLabelsForTitle,\n} from './utils/loadUniqueValuesToSave';\nimport type { FormKey } from './forms';\nimport { tabKeys } from './forms';\nimport { DEFAULT_CATEGORICAL_PALETTE, DEFAULT_CONTINUOUS_PALETTE } from './constantsAesthetic';\n\nfunction getInitialOptionsState(chartType: ChartType, optionsState: InputState | undefined) {\n  const defaultState = copyJSON(getInitialStateByType(chartType));\n  if (optionsState?.type !== chartType) {\n    return defaultState;\n  }\n  const optionsStateCopy = copyJSON(optionsState);\n\n  return {\n    ...defaultState,\n    ...optionsStateCopy,\n    components: {\n      ...defaultState.components,\n      ...optionsStateCopy.components,\n    },\n  };\n}\n\nexport function createReactiveState(\n  initialData: GraphMakerState,\n  chartType: ChartType,\n): Reactive<ReactiveState> {\n  return reactive({\n    chartType: chartType,\n    // from pf-plots\n    optionsState: getInitialOptionsState(chartType, initialData.optionsState), // contains user selected inputs\n\n    dataStateKey: deepClone(initialData.dataStateKey),\n    // local form states, updates directly in forms\n    template: getInitialTemplate(initialData.template, chartType),\n    statisticsSettings: getInitialStatisticsState(chartType, initialData.statisticsSettings),\n    layersSettings: getInitialLayersSettings(initialData.layersSettings),\n    axesSettings: getInitialAxesSettings(chartType, initialData.axesSettings),\n    // common aesthetics data mapped on columns/axes values\n    dataBindAes: copyJSON(initialData.dataBindAes ?? {}),\n    chartScale: initialData.zoomState ?? 100,\n    lassoControlsState: null,\n    currentTab: null,\n    tabDefaultState: tabKeys().reduce((res, formKey: FormKey) => {\n      res[formKey] = {};\n      return res;\n    }, {} as Record<FormKey, Record<string, boolean>>),\n    dendroInfoByClick: null as null | DendroNodeInfo,\n    dendroSelectedNodeId: null,\n    showTooltipHint: false,\n  });\n}\n\nexport interface Store {\n  reactive: Reactive<ReactiveState>;\n  loading: {\n    initialInputGuide: boolean;\n    initialCharts: boolean;\n    initialDefaults: boolean;\n    inputGuide: boolean;\n    chartData: boolean;\n    chartRendering: boolean;\n    dendroTableData: boolean;\n  };\n  commonHelpersData: {\n    primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;\n    dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;\n  };\n  controller: ReturnType<typeof getControllerByType>;\n  columnsDataStore: DemoDataStore | null;\n  inputGuide: Ref<InputGuide<InputState>>;\n  chartData: Ref<PlotDataAndSettings | null>;\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>;\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>;\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>;\n  readonlyInputs?: InputNamesByChartType[ChartType][];\n  defaultPalette: DefaultPalettes;\n}\n\nexport function factoryStore(\n  reactiveState: Reactive<ReactiveState>,\n  dataStore: DemoDataStore | null,\n  inputGuide: Ref<InputGuide<InputState>>,\n  chartData: Ref<PlotDataAndSettings | null>,\n  dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>,\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>,\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>,\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: Palette | { categorical?: Palette; continuous?: Palette },\n): Store {\n  return {\n    reactive: reactiveState,\n    loading: reactive({\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n      chartRendering: false,\n      dendroTableData: false,\n    }),\n    commonHelpersData: {\n      primaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'primaryGrouping',\n      ),\n      ),\n      secondaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'secondaryGrouping',\n      ),\n      ),\n      usedAesInMapping: computed<Record<string, Record<AesType, boolean>>>(() =>\n        getUsedAesInMapping(\n          reactiveState.chartType,\n          reactiveState.template,\n          reactiveState.layersSettings,\n          reactiveState.statisticsSettings,\n          reactiveState.optionsState,\n          inputGuide.value,\n        ),\n      ),\n      dendroTableData,\n    },\n    controller: getControllerByType(reactiveState.chartType),\n    columnsDataStore: dataStore,\n    inputGuide,\n    chartData,\n    uniqueValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette: {\n      categorical: typeof defaultPalette === 'object' && defaultPalette.categorical\n        ? defaultPalette.categorical as CategoricalPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as CategoricalPalette : DEFAULT_CATEGORICAL_PALETTE,\n      continuous: typeof defaultPalette === 'object' && defaultPalette.continuous\n        ? defaultPalette.continuous as ContinuousPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as ContinuousPalette : DEFAULT_CONTINUOUS_PALETTE,\n    },\n  };\n}\n\nexport type ComputedStore = ComputedRef<Store>;\n\nexport function provideStore(\n  initialState: GraphMakerState,\n  dataStoreRef: Ref<DemoDataStore | null>,\n  chartType: ChartType,\n  defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>,\n  fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>,\n  dataColumnPredicate?: (spec: PColumnSpec) => boolean,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: GraphMakerProps['defaultPalette'],\n) {\n  const reactiveState = createReactiveState(initialState, chartType);\n  const controller = getControllerByType(reactiveState.chartType);\n\n  const inputGuide = ref<InputGuide<InputState>>(getControllerByType(reactiveState.chartType).getEmptyInputGuide(reactiveState.optionsState));\n  const chartData = ref<PlotDataAndSettings | null>(null);\n\n  const uniqueValuesData = ref<UniqueValuesBySourceMap>({});\n  const filterSuggestionsData = ref<FilterSuggestionsBySourceMap>({});\n  const filterLabelsInfo = ref<FilterLabelsInfoBySourceMap>({}); // for auto titles of chart if something selected in filter/tabby\n\n  const dendroTableData = ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>(null);\n\n  // toRaw removes Vue proxy from dataStore.pframe (PFrame api)\n  const store = computed(() => factoryStore(\n    reactiveState,\n    toRaw(dataStoreRef.value),\n    inputGuide,\n    chartData,\n    dendroTableData,\n    uniqueValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette,\n  ));\n\n  watch(() => dataStoreRef.value, () => {\n    filterLabelsInfo.value = {};\n    uniqueValuesData.value = {};\n    filterSuggestionsData.value = {}; // reset saved data; avoid caching of empty results from old empty pframe\n  });\n  watch([\n    () => dataStoreRef.value,\n    () => defaultOptionsRef.value,\n  ], async ([ds, defaultOptions]) => {\n    if (!defaultOptions || !ds || !store.value.loading.initialDefaults) {\n      return;\n    }\n    store.value.loading.initialDefaults = false; // to avoid multiple calculations, default settings cannot change except after reset\n    store.value.loading.initialInputGuide = true; // to show loader on initial loading; changing of reactiveState.optionsState always triggers inputGuide recalculating, so it will be off after inputGuide\n\n    const defaultStateMap = copyJSON(reactiveState.optionsState.components);\n    const defaultOptionsWithoutUserChanges = defaultOptions.filter((opt) => {\n      const res = reactiveState.optionsState.components[opt.inputName]?.selectorStates.length === 0\n        || readonlyInputs?.includes(opt.inputName);\n      return res;\n    });\n    if (defaultOptionsWithoutUserChanges.length === 0) {\n      return;\n    }\n    defaultOptionsWithoutUserChanges.forEach((opt) => {\n      defaultStateMap[opt.inputName].selectorStates = [];\n    });\n    const loadedDefaultSources = await loadDefaultSources(ds, defaultOptionsWithoutUserChanges);\n    for (const {\n      inputName,\n      selectedSource,\n      filterType,\n      selectedFilterValues,\n      selectedFilterRange,\n    } of loadedDefaultSources) {\n      defaultStateMap[inputName].selectorStates.push({\n        selectedSource,\n        type: filterType,\n        selectedFilterValues,\n        selectedFilterRange,\n      });\n    }\n\n    reactiveState.optionsState.components = {\n      ...reactiveState.optionsState.components,\n      ...defaultStateMap,\n    };\n  }, { immediate: true });\n\n  // recalculate input guide - options for every data input, consistency info etc\n  const inputGuideCounter = ref(0); // to avoid race condition on async calculations\n  watch([\n    () => reactiveState.optionsState,\n    () => dataStoreRef.value,\n    () => fixedOptionsRef.value,\n  ], async ([optionsState, ds, fixedOptions]) => {\n    inputGuideCounter.value++;\n    const counter = inputGuideCounter.value;\n    store.value.loading.inputGuide = true;\n    const ignoredIds = ds && fixedOptions ? (await loadDefaultSources(ds, fixedOptions, false)).map((item) => item.selectedSource) : [];\n\n    // const start = Date.now();\n    const nextInputGuide = ds ? await controller.calculateOptions(toRaw(ds), optionsState, ignoredIds, dataColumnPredicate) : controller.getEmptyInputGuide(optionsState);\n    // console.log('input guide', Date.now() - start);\n\n    if (counter === inputGuideCounter.value) { // race condition check\n      inputGuide.value = nextInputGuide;\n\n      store.value.loading.inputGuide = false;\n      if (store.value.loading.initialInputGuide) { // open default/saved tab only after inputGuide loading\n        store.value.loading.initialInputGuide = false;\n        const initialTab = initialState.currentTab === undefined ? 'dataMapping' : initialState.currentTab;\n        store.value.reactive.currentTab = store.value.reactive.currentTab ?? initialTab;\n      }\n    }\n  }, { immediate: true, deep: true });\n\n  // recalculate data for chart rendering (miplots4)\n  const chartDataCounter = ref(0); // to avoid race condition on async calculations\n  watch(() => inputGuide.value, async (ig) => {\n    chartDataCounter.value++;\n    const counter = chartDataCounter.value;\n\n    const loading = setTimeout(() => {\n      store.value.loading.chartData = true;\n    }, 300);\n\n    const ds = toRaw(dataStoreRef.value);\n    // const start = Date.now();\n    const nextChartData = await loadDataForPlot(ig, reactiveState, ds, fixedOptionsRef.value);\n    clearTimeout(loading);\n\n    if (nextChartData && ds) {\n      const { uniqueValues, filterSuggestions } = await getUniqueValuesFromReadyChartData(\n        nextChartData, ig, reactiveState.optionsState.components, controller, ds, toRaw(filterSuggestionsData.value),\n      );\n      uniqueValuesData.value = uniqueValues;\n      filterSuggestionsData.value = filterSuggestions;\n      updateDataBindAes(reactiveState.optionsState, reactiveState.dataBindAes, uniqueValuesData.value);\n    }\n    filterLabelsInfo.value = ds\n      ? await loadFilterLabelsForTitle(\n        reactiveState.optionsState.components,\n        ig,\n        controller,\n        ds,\n      )\n      : {};\n    // console.log('chart data', Date.now() - start);\n\n    if (counter === chartDataCounter.value) { // race condition check\n      chartData.value = nextChartData;\n      if (ig.ready) {\n        store.value.loading.initialCharts = false;\n      }\n      store.value.loading.chartData = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // watch data for table, only dendro chart; data is also using for popup by tree node click\n  if (reactiveState.chartType === 'dendro') {\n    const dendroDataCounter = ref(0); // to avoid race condition on async calculations\n    watch([\n      () => reactiveState.optionsState as DendroUIState,\n      () => dataStoreRef.value,\n      () => inputGuide.value.readyData,\n      () => fixedOptionsRef.value,\n    ], async ([optionsState, dataStore, ready, fixed]) => {\n      if (ready && dataStore) {\n        dendroDataCounter.value++;\n        const counter = dendroDataCounter.value;\n        store.value.loading.dendroTableData = true;\n        const state = await addFixedOptionsToState(optionsState, dataStore, fixed) as DendroUIState;\n        const nextDendroTableData = await (controller as unknown as DendroStateController).createTableData(dataStore, state);\n\n        if (dendroDataCounter.value === counter) {\n          dendroTableData.value = nextDendroTableData;\n        }\n        store.value.loading.dendroTableData = false;\n      }\n    }, { immediate: true });\n  }\n\n  provide(storeKey, store);\n  return store;\n}\n\nexport function useStore() {\n  return notEmpty(inject<ComputedStore>(storeKey), 'Empty store');\n}\n"],"names":["getInitialOptionsState","chartType","optionsState","defaultState","copyJSON","getInitialStateByType","optionsStateCopy","createReactiveState","initialData","reactive","deepClone","getInitialTemplate","getInitialStatisticsState","getInitialLayersSettings","getInitialAxesSettings","tabKeys","res","formKey","factoryStore","reactiveState","dataStore","inputGuide","chartData","dendroTableData","uniqueValuesData","filterSuggestionsData","filterLabelsInfo","readonlyInputs","defaultPalette","computed","calculateDiscreteGroups","getUsedAesInMapping","getControllerByType","DEFAULT_CATEGORICAL_PALETTE","DEFAULT_CONTINUOUS_PALETTE","provideStore","initialState","dataStoreRef","defaultOptionsRef","fixedOptionsRef","dataColumnPredicate","controller","ref","store","toRaw","watch","ds","defaultOptions","defaultStateMap","defaultOptionsWithoutUserChanges","opt","_a","loadedDefaultSources","loadDefaultSources","inputName","selectedSource","filterType","selectedFilterValues","selectedFilterRange","inputGuideCounter","fixedOptions","counter","ignoredIds","item","nextInputGuide","initialTab","chartDataCounter","ig","loading","nextChartData","loadDataForPlot","uniqueValues","filterSuggestions","getUniqueValuesFromReadyChartData","updateDataBindAes","loadFilterLabelsForTitle","dendroDataCounter","ready","fixed","state","addFixedOptionsToState","nextDendroTableData","provide","storeKey","useStore","notEmpty","inject"],"mappings":"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"}

package/dist/types.d.ts

@@ -127,6 +127,10 @@ export type FilterSuggestionsBySourceMap = Record<string, {
     }[];
     overflow: boolean;
 }>;
+export type FilterLabelsInfoBySourceMap = Record<string, Record<string, {
+    value: unknown;
+    label: string;
+}>>;
 export type GraphStatus = 'notReady' | 'empty' | 'inconsistent' | 'ready' | 'unknownError' | 'knownError' | 'loading';
 export type DefaultPalettes = {
     categorical: CategoricalPalette;

package/dist/utils/createChartSettingsForRender/composeBubbleSettings.d.ts

@@ -117,7 +117,7 @@ export declare function composeBubbleSettings(settings: BubbleSettings, reactive
     aggregation?: {
         x?: boolean | undefined;
         y?: boolean | undefined;
-        method?: "min" | "max" | "mean" | "median" | undefined;
+        method?: "sum" | "mean" | "median" | "min" | "max" | undefined;
     } | undefined;
     NAValueAs?: number | null | undefined;
 };

package/dist/utils/createChartSettingsForRender/composeChartSettings.d.ts

@@ -1,9 +1,11 @@
 import { DemoDataStore, InputGuide, InputState, PlotDataAndSettings } from '@milaboratories/pf-plots';
 import { DefaultPalettes, GraphMakerProps, ReactiveState, UniqueValuesBySourceMap } from '../../types';
 import { DataByColumns, Settings } from '@milaboratories/miplots4';
-import { ListOption } from '@platforma-sdk/ui-vue';
 export declare function loadDataForPlot(inputGuide: InputGuide<InputState>, reactiveState: ReactiveState, dataStore: DemoDataStore | null, fixedOptions?: GraphMakerProps['fixedOptions']): Promise<PlotDataAndSettings | null>;
-export declare function composeChartSettings(chartData: PlotDataAndSettings | null, inputGuide: InputGuide<InputState>, labelsInfo: UniqueValuesBySourceMap, filterLabelsInfo: Record<string, ListOption>, reactiveState: ReactiveState, defaultPalette: DefaultPalettes): null | {
+export declare function composeChartSettings(chartData: PlotDataAndSettings | null, inputGuide: InputGuide<InputState>, labelsInfo: UniqueValuesBySourceMap, filterLabelsInfo: Record<string, Record<string, {
+    value: unknown;
+    label: string;
+}>>, reactiveState: ReactiveState, defaultPalette: DefaultPalettes): null | {
     settings: Settings;
     data: DataByColumns;
 };

package/dist/utils/createChartSettingsForRender/composeChartSettings.js

@@ -1,17 +1,17 @@
 import { getControllerByType as d } from "@milaboratories/pf-plots";
-import { addFixedOptionsToState as g } from "../addFixedOptionsToState.js";
-import { DEFAULT_HEIGHT_SMALL as y, DEFAULT_HEIGHT as a, DEFAULT_WIDTH_SMALL as b, DEFAULT_WIDTH as w } from "../../constantsCommon.js";
-import { composeDiscreteSettings as C } from "./composeDiscreteSettings.js";
-import { composeScatterplotSettings as H } from "./composeScatterplotSettings.js";
+import { addFixedOptionsToState as T } from "../addFixedOptionsToState.js";
+import { DEFAULT_HEIGHT_SMALL as y, DEFAULT_HEIGHT as w, DEFAULT_WIDTH_SMALL as b, DEFAULT_WIDTH as C } from "../../constantsCommon.js";
+import { composeDiscreteSettings as H } from "./composeDiscreteSettings.js";
+import { composeScatterplotSettings as a } from "./composeScatterplotSettings.js";
 import { composeScatterplotUmapSettings as D } from "./composeScatterplotUmapSettings.js";
 import { composeHeatmapSettings as E } from "./composeHeatmapSettings.js";
 import { composeDendroSettings as F } from "./composeDendroSettings.js";
-import { composeHistogramSettings as A } from "./composeHistogramSettings.js";
-import { composeBubbleSettings as L } from "./composeBubbleSettings.js";
+import { composeHistogramSettings as L } from "./composeHistogramSettings.js";
+import { composeBubbleSettings as A } from "./composeBubbleSettings.js";
 function _(s, n = 0) {
   return {
-    width: (n > 0 ? b : w) * (s / 100),
-    height: (n > 0 ? y : a) * (s / 100)
+    width: (n > 0 ? b : C) * (s / 100),
+    height: (n > 0 ? y : w) * (s / 100)
   };
 }
 function B(s, n, r, i) {
@@ -23,24 +23,24 @@ function B(s, n, r, i) {
   if (i.title.mode === "custom")
     return { name: i.title.value, show: !0, position: i.title.position };
   if (i.title.mode === "auto") {
-    const t = [], p = ((o = n.components) == null ? void 0 : o.tabBy.selectorStates) ?? [], l = (((m = n.components) == null ? void 0 : m.filters.selectorStates) ?? []).filter((e) => !p.some((c) => c.selectedSource === e.selectedSource));
+    const t = [], p = ((o = n.components) == null ? void 0 : o.tabBy.selectorStates) ?? [], e = (((m = n.components) == null ? void 0 : m.filters.selectorStates) ?? []).filter((l) => !p.some((c) => c.selectedSource === l.selectedSource));
     return [
       ...p,
-      ...l
-    ].forEach(({ type: e, selectedSource: c, selectedFilterValues: u }) => {
-      if ((!e || e === "equals") && u && r[c]) {
-        const { value: h, label: T } = r[c];
-        t.push(...u.map((f) => h === f ? T : String(f)));
-      }
+      ...e
+    ].forEach(({ type: l, selectedSource: c, selectedFilterValues: h }) => {
+      (!l || l === "equals") && h && r[c] && t.push(...h.map((f) => {
+        var u, g;
+        return ((g = (u = r[c]) == null ? void 0 : u[f]) == null ? void 0 : g.label) ?? String(f);
+      }));
     }), { name: t.join(", "), show: !0, position: i.title.position };
   }
   return { name: "", show: !1 };
 }
-async function N(s, n, r, i) {
+async function K(s, n, r, i) {
   if (!s.ready || r === null)
     return null;
   try {
-    const o = d(n.chartType), m = await g(
+    const o = d(n.chartType), m = await T(
       n.optionsState,
       r,
       i
@@ -53,19 +53,19 @@ async function N(s, n, r, i) {
     return console.warn("Cant build chart data"), console.warn(o.message), null;
   }
 }
-function Q(s, n, r, i, o, m) {
-  var l;
+function N(s, n, r, i, o, m) {
+  var e;
   if (!n.ready || s === null)
     return null;
   let t = { ...s.settings };
   const p = s.data.byColumns;
-  return t.title = B(o.chartType, o.optionsState, i, o.axesSettings), t.size = _(o.chartScale, ((l = o.optionsState.components) == null ? void 0 : l.facetBy.selectorStates.length) || 0), o.chartType === "discrete" && (t = C(t, o, r, n, m)), o.chartType === "scatterplot" && (t = H(t, p, o, n, r, m)), o.chartType === "scatterplot-umap" && (t = D(t, p, o, n, r, m)), o.chartType === "heatmap" && (t = E(t, o, m)), o.chartType === "dendro" && (t = F(t, p, o, n, r)), o.chartType === "histogram" && (t = A(t, o, r, m)), o.chartType === "bubble" && (t = L(t, o, m)), {
+  return t.title = B(o.chartType, o.optionsState, i, o.axesSettings), t.size = _(o.chartScale, ((e = o.optionsState.components) == null ? void 0 : e.facetBy.selectorStates.length) || 0), t.legend = { show: o.axesSettings.other.showLegend }, o.chartType === "discrete" && (t = H(t, o, r, n, m)), o.chartType === "scatterplot" && (t = a(t, p, o, n, r, m)), o.chartType === "scatterplot-umap" && (t = D(t, p, o, n, r, m)), o.chartType === "heatmap" && (t = E(t, o, m)), o.chartType === "dendro" && (t = F(t, p, o, n, r)), o.chartType === "histogram" && (t = L(t, o, r, m)), o.chartType === "bubble" && (t = A(t, o, m)), {
     settings: t,
     data: s.data.byColumns
   };
 }
 export {
-  Q as composeChartSettings,
-  N as loadDataForPlot
+  N as composeChartSettings,
+  K as loadDataForPlot
 };
 //# sourceMappingURL=composeChartSettings.js.map

package/dist/utils/createChartSettingsForRender/composeChartSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeChartSettings.js","sources":["../../../src/utils/createChartSettingsForRender/composeChartSettings.ts"],"sourcesContent":["import type {\n  ChartType,\n  DemoDataStore,\n  InputGuide,\n  InputState,\n  PlotDataAndSettings,\n  SelectorStateFilter,\n} from '@milaboratories/pf-plots';\nimport {\n  getControllerByType,\n} from '@milaboratories/pf-plots';\nimport type {\n  DefaultPalettes,\n  GraphMakerProps,\n  ReactiveState,\n  TitlePosition,\n  UniqueValuesBySourceMap,\n} from '../../types';\nimport { addFixedOptionsToState } from '../addFixedOptionsToState';\nimport type {\n  AxesState } from '../../constantsCommon';\nimport { DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL,\n} from '../../constantsCommon';\nimport type {\n  BubbleSettings,\n  DataByColumns,\n  DendroSettings,\n  DiscreteSettings,\n  HeatmapSettings,\n  HistogramSettings,\n  ScatterplotSettings,\n  ScatterplotUmapSettings,\n  Settings,\n} from '@milaboratories/miplots4';\nimport { composeDiscreteSettings } from './composeDiscreteSettings';\nimport { composeScatterplotSettings } from './composeScatterplotSettings';\nimport { composeScatterplotUmapSettings } from './composeScatterplotUmapSettings';\nimport { composeHeatmapSettings } from './composeHeatmapSettings';\nimport { composeDendroSettings } from './composeDendroSettings';\nimport { composeHistogramSettings } from './composeHistogramSettings';\nimport { composeBubbleSettings } from './composeBubbleSettings';\nimport type { ListOption } from '@platforma-sdk/ui-vue';\nimport type { Palette } from '../../components/AesSettings/types';\n\nfunction getChartSizes(chartScale: number, facetByLength = 0) {\n  return {\n    width: (facetByLength > 0 ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH) * (chartScale / 100),\n    height: (facetByLength > 0 ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT) * (chartScale / 100),\n  };\n}\n\nfunction getChartTitle(\n  chartType: ChartType,\n  optionsState: InputState,\n  filterLabelsInfo: Record<string, ListOption>,\n  axesSettings: AxesState,\n): {\n    name: string;\n    show: boolean;\n    position?: TitlePosition;\n  } {\n  if (\n    chartType !== 'scatterplot'\n    && chartType !== 'scatterplot-umap'\n    && chartType !== 'discrete'\n    && chartType !== 'heatmap'\n    && chartType !== 'histogram'\n    && chartType !== 'bubble'\n  ) {\n    return { name: '', show: false };\n  }\n  if (axesSettings.title.mode === 'hidden') {\n    return { name: '', show: false };\n  }\n  if (axesSettings.title.mode === 'custom') {\n    return { name: axesSettings.title.value, show: true, position: axesSettings.title.position };\n  }\n  if (axesSettings.title.mode === 'auto') {\n    const selectedFilters: string[] = [];\n    const tabByStates = (optionsState.components?.tabBy.selectorStates ?? []);\n    const filterStates = (optionsState.components?.filters.selectorStates ?? []).filter((state) => !tabByStates.some((tabByState) => tabByState.selectedSource === state.selectedSource));\n\n    const usedInTitleStates = [\n      ...tabByStates,\n      ...filterStates,\n    ] as SelectorStateFilter[];\n    usedInTitleStates.forEach(({ type, selectedSource, selectedFilterValues }) => {\n      if ((!type || type === 'equals') && selectedFilterValues && filterLabelsInfo[selectedSource]) {\n        const { value, label } = filterLabelsInfo[selectedSource] as { value: unknown; label: string };\n        selectedFilters.push(...selectedFilterValues.map((selectedFilterValue) => value === selectedFilterValue ? label : String(selectedFilterValue)));\n      }\n    });\n    const title = selectedFilters.join(', ');\n    return { name: title, show: true, position: axesSettings.title.position };\n  }\n  return { name: '', show: false };\n}\n\nexport async function loadDataForPlot(\n  inputGuide: InputGuide<InputState>,\n  reactiveState: ReactiveState,\n  dataStore: DemoDataStore | null,\n  fixedOptions?: GraphMakerProps['fixedOptions'],\n) {\n  if (!inputGuide.ready || dataStore === null) {\n    return null;\n  }\n  try {\n    const controller = getControllerByType(reactiveState.chartType);\n    const optionsStateWithFixed = await addFixedOptionsToState(\n      reactiveState.optionsState,\n      dataStore,\n      fixedOptions,\n    );\n    return controller.createDataForPlot(\n      dataStore,\n      optionsStateWithFixed,\n    );\n  } catch (err) {\n    console.warn('Cant build chart data');\n    console.warn((err as Error).message);\n    return null;\n  }\n}\nexport function composeChartSettings(\n  chartData: PlotDataAndSettings | null,\n  inputGuide: InputGuide<InputState>,\n  labelsInfo: UniqueValuesBySourceMap,\n  filterLabelsInfo: Record<string, ListOption>,\n  reactiveState: ReactiveState,\n  defaultPalette: DefaultPalettes,\n): null | { settings: Settings; data: DataByColumns } {\n  if (!inputGuide.ready || chartData === null) {\n    return null;\n  }\n\n  let settings = { ...chartData.settings };\n  const dataByColumns = chartData.data.byColumns;\n  settings.title = getChartTitle(reactiveState.chartType, reactiveState.optionsState, filterLabelsInfo, reactiveState.axesSettings);\n  settings.size = getChartSizes(reactiveState.chartScale, reactiveState.optionsState.components?.facetBy.selectorStates.length || 0);\n  if (reactiveState.chartType === 'discrete') {\n    settings = composeDiscreteSettings(settings as DiscreteSettings, reactiveState, labelsInfo, inputGuide, defaultPalette);\n  }\n  if (reactiveState.chartType === 'scatterplot') {\n    settings = composeScatterplotSettings(settings as ScatterplotSettings, dataByColumns, reactiveState, inputGuide, labelsInfo, defaultPalette);\n  }\n  if (reactiveState.chartType === 'scatterplot-umap') {\n    settings = composeScatterplotUmapSettings(settings as ScatterplotUmapSettings, dataByColumns, reactiveState, inputGuide, labelsInfo, defaultPalette);\n  }\n  if (reactiveState.chartType === 'heatmap') {\n    settings = composeHeatmapSettings(settings as HeatmapSettings, reactiveState, defaultPalette);\n  }\n  if (reactiveState.chartType === 'dendro') {\n    settings = composeDendroSettings(settings as DendroSettings, dataByColumns, reactiveState, inputGuide, labelsInfo);\n  }\n  if (reactiveState.chartType === 'histogram') {\n    settings = composeHistogramSettings(settings as HistogramSettings, reactiveState, labelsInfo, defaultPalette);\n  }\n  if (reactiveState.chartType === 'bubble') {\n    settings = composeBubbleSettings(settings as BubbleSettings, reactiveState, defaultPalette);\n  }\n  return {\n    settings: settings as Settings,\n    data: chartData.data.byColumns,\n  };\n}\n"],"names":["getChartSizes","chartScale","facetByLength","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","getChartTitle","chartType","optionsState","filterLabelsInfo","axesSettings","selectedFilters","tabByStates","_a","filterStates","_b","state","tabByState","type","selectedSource","selectedFilterValues","value","label","selectedFilterValue","loadDataForPlot","inputGuide","reactiveState","dataStore","fixedOptions","controller","getControllerByType","optionsStateWithFixed","addFixedOptionsToState","err","composeChartSettings","chartData","labelsInfo","defaultPalette","settings","dataByColumns","composeDiscreteSettings","composeScatterplotSettings","composeScatterplotUmapSettings","composeHeatmapSettings","composeDendroSettings","composeHistogramSettings","composeBubbleSettings"],"mappings":";;;;;;;;;;AA4CA,SAASA,EAAcC,GAAoBC,IAAgB,GAAG;AAC5D,SAAO;AAAA,IACL,QAAQA,IAAgB,IAAIC,IAAsBC,MAAkBH,IAAa;AAAA,IACjF,SAASC,IAAgB,IAAIG,IAAuBC,MAAmBL,IAAa;AAAA,EAAA;AAExF;AAEA,SAASM,EACPC,GACAC,GACAC,GACAC,GAKE;;AACF,MACEH,MAAc,iBACXA,MAAc,sBACdA,MAAc,cACdA,MAAc,aACdA,MAAc,eACdA,MAAc;AAEjB,WAAO,EAAE,MAAM,IAAI,MAAM,GAAA;AAE3B,MAAIG,EAAa,MAAM,SAAS;AAC9B,WAAO,EAAE,MAAM,IAAI,MAAM,GAAA;AAE3B,MAAIA,EAAa,MAAM,SAAS;AAC9B,WAAO,EAAE,MAAMA,EAAa,MAAM,OAAO,MAAM,IAAM,UAAUA,EAAa,MAAM,SAAA;AAEpF,MAAIA,EAAa,MAAM,SAAS,QAAQ;AACtC,UAAMC,IAA4B,CAAA,GAC5BC,MAAeC,IAAAL,EAAa,eAAb,gBAAAK,EAAyB,MAAM,mBAAkB,CAAA,GAChEC,OAAgBC,IAAAP,EAAa,eAAb,gBAAAO,EAAyB,QAAQ,mBAAkB,CAAA,GAAI,OAAO,CAACC,MAAU,CAACJ,EAAY,KAAK,CAACK,MAAeA,EAAW,mBAAmBD,EAAM,cAAc,CAAC;AAMpL,WAJ0B;AAAA,MACxB,GAAGJ;AAAA,MACH,GAAGE;AAAA,IAAA,EAEa,QAAQ,CAAC,EAAE,MAAAI,GAAM,gBAAAC,GAAgB,sBAAAC,QAA2B;AAC5E,WAAK,CAACF,KAAQA,MAAS,aAAaE,KAAwBX,EAAiBU,CAAc,GAAG;AAC5F,cAAM,EAAE,OAAAE,GAAO,OAAAC,MAAUb,EAAiBU,CAAc;AACxD,QAAAR,EAAgB,KAAK,GAAGS,EAAqB,IAAI,CAACG,MAAwBF,MAAUE,IAAsBD,IAAQ,OAAOC,CAAmB,CAAC,CAAC;AAAA,MAChJ;AAAA,IACF,CAAC,GAEM,EAAE,MADKZ,EAAgB,KAAK,IAAI,GACjB,MAAM,IAAM,UAAUD,EAAa,MAAM,SAAA;AAAA,EACjE;AACA,SAAO,EAAE,MAAM,IAAI,MAAM,GAAA;AAC3B;AAEA,eAAsBc,EACpBC,GACAC,GACAC,GACAC,GACA;AACA,MAAI,CAACH,EAAW,SAASE,MAAc;AACrC,WAAO;AAET,MAAI;AACF,UAAME,IAAaC,EAAoBJ,EAAc,SAAS,GACxDK,IAAwB,MAAMC;AAAA,MAClCN,EAAc;AAAA,MACdC;AAAA,MACAC;AAAA,IAAA;AAEF,WAAOC,EAAW;AAAA,MAChBF;AAAA,MACAI;AAAA,IAAA;AAAA,EAEJ,SAASE,GAAK;AACZ,mBAAQ,KAAK,uBAAuB,GACpC,QAAQ,KAAMA,EAAc,OAAO,GAC5B;AAAA,EACT;AACF;AACO,SAASC,EACdC,GACAV,GACAW,GACA3B,GACAiB,GACAW,GACoD;;AACpD,MAAI,CAACZ,EAAW,SAASU,MAAc;AACrC,WAAO;AAGT,MAAIG,IAAW,EAAE,GAAGH,EAAU,SAAA;AAC9B,QAAMI,IAAgBJ,EAAU,KAAK;AACrC,SAAAG,EAAS,QAAQhC,EAAcoB,EAAc,WAAWA,EAAc,cAAcjB,GAAkBiB,EAAc,YAAY,GAChIY,EAAS,OAAOvC,EAAc2B,EAAc,cAAYb,IAAAa,EAAc,aAAa,eAA3B,gBAAAb,EAAuC,QAAQ,eAAe,WAAU,CAAC,GAC7Ha,EAAc,cAAc,eAC9BY,IAAWE,EAAwBF,GAA8BZ,GAAeU,GAAYX,GAAYY,CAAc,IAEpHX,EAAc,cAAc,kBAC9BY,IAAWG,EAA2BH,GAAiCC,GAAeb,GAAeD,GAAYW,GAAYC,CAAc,IAEzIX,EAAc,cAAc,uBAC9BY,IAAWI,EAA+BJ,GAAqCC,GAAeb,GAAeD,GAAYW,GAAYC,CAAc,IAEjJX,EAAc,cAAc,cAC9BY,IAAWK,EAAuBL,GAA6BZ,GAAeW,CAAc,IAE1FX,EAAc,cAAc,aAC9BY,IAAWM,EAAsBN,GAA4BC,GAAeb,GAAeD,GAAYW,CAAU,IAE/GV,EAAc,cAAc,gBAC9BY,IAAWO,EAAyBP,GAA+BZ,GAAeU,GAAYC,CAAc,IAE1GX,EAAc,cAAc,aAC9BY,IAAWQ,EAAsBR,GAA4BZ,GAAeW,CAAc,IAErF;AAAA,IACL,UAAAC;AAAA,IACA,MAAMH,EAAU,KAAK;AAAA,EAAA;AAEzB;"}
+{"version":3,"file":"composeChartSettings.js","sources":["../../../src/utils/createChartSettingsForRender/composeChartSettings.ts"],"sourcesContent":["import type {\n  ChartType,\n  DemoDataStore,\n  InputGuide,\n  InputState,\n  PlotDataAndSettings,\n  SelectorStateFilter,\n} from '@milaboratories/pf-plots';\nimport {\n  getControllerByType,\n} from '@milaboratories/pf-plots';\nimport type {\n  DefaultPalettes,\n  GraphMakerProps,\n  ReactiveState,\n  TitlePosition,\n  UniqueValuesBySourceMap,\n} from '../../types';\nimport { addFixedOptionsToState } from '../addFixedOptionsToState';\nimport type {\n  AxesState } from '../../constantsCommon';\nimport { DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL,\n} from '../../constantsCommon';\nimport type {\n  BubbleSettings,\n  DataByColumns,\n  DendroSettings,\n  DiscreteSettings,\n  HeatmapSettings,\n  HistogramSettings,\n  ScatterplotSettings,\n  ScatterplotUmapSettings,\n  Settings,\n} from '@milaboratories/miplots4';\nimport { composeDiscreteSettings } from './composeDiscreteSettings';\nimport { composeScatterplotSettings } from './composeScatterplotSettings';\nimport { composeScatterplotUmapSettings } from './composeScatterplotUmapSettings';\nimport { composeHeatmapSettings } from './composeHeatmapSettings';\nimport { composeDendroSettings } from './composeDendroSettings';\nimport { composeHistogramSettings } from './composeHistogramSettings';\nimport { composeBubbleSettings } from './composeBubbleSettings';\n\nfunction getChartSizes(chartScale: number, facetByLength = 0) {\n  return {\n    width: (facetByLength > 0 ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH) * (chartScale / 100),\n    height: (facetByLength > 0 ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT) * (chartScale / 100),\n  };\n}\n\nfunction getChartTitle(\n  chartType: ChartType,\n  optionsState: InputState,\n  filterLabelsInfo: Record<string, Record<string, { value: unknown; label: string }>>,\n  axesSettings: AxesState,\n): {\n    name: string;\n    show: boolean;\n    position?: TitlePosition;\n  } {\n  if (\n    chartType !== 'scatterplot'\n    && chartType !== 'scatterplot-umap'\n    && chartType !== 'discrete'\n    && chartType !== 'heatmap'\n    && chartType !== 'histogram'\n    && chartType !== 'bubble'\n  ) {\n    return { name: '', show: false };\n  }\n  if (axesSettings.title.mode === 'hidden') {\n    return { name: '', show: false };\n  }\n  if (axesSettings.title.mode === 'custom') {\n    return { name: axesSettings.title.value, show: true, position: axesSettings.title.position };\n  }\n  if (axesSettings.title.mode === 'auto') {\n    const selectedFilters: string[] = [];\n    const tabByStates = (optionsState.components?.tabBy.selectorStates ?? []);\n    const filterStates = (optionsState.components?.filters.selectorStates ?? []).filter((state) => !tabByStates.some((tabByState) => tabByState.selectedSource === state.selectedSource));\n\n    const usedInTitleStates = [\n      ...tabByStates,\n      ...filterStates,\n    ] as SelectorStateFilter[];\n    usedInTitleStates.forEach(({ type, selectedSource, selectedFilterValues }) => {\n      if ((!type || type === 'equals') && selectedFilterValues && filterLabelsInfo[selectedSource]) {\n        selectedFilters.push(...selectedFilterValues\n          .map((selectedFilterValue) => filterLabelsInfo[selectedSource]?.[selectedFilterValue]?.label ?? String(selectedFilterValue)));\n      }\n    });\n    const title = selectedFilters.join(', ');\n    return { name: title, show: true, position: axesSettings.title.position };\n  }\n  return { name: '', show: false };\n}\n\nexport async function loadDataForPlot(\n  inputGuide: InputGuide<InputState>,\n  reactiveState: ReactiveState,\n  dataStore: DemoDataStore | null,\n  fixedOptions?: GraphMakerProps['fixedOptions'],\n) {\n  if (!inputGuide.ready || dataStore === null) {\n    return null;\n  }\n  try {\n    const controller = getControllerByType(reactiveState.chartType);\n    const optionsStateWithFixed = await addFixedOptionsToState(\n      reactiveState.optionsState,\n      dataStore,\n      fixedOptions,\n    );\n    return controller.createDataForPlot(\n      dataStore,\n      optionsStateWithFixed,\n    );\n  } catch (err) {\n    console.warn('Cant build chart data');\n    console.warn((err as Error).message);\n    return null;\n  }\n}\nexport function composeChartSettings(\n  chartData: PlotDataAndSettings | null,\n  inputGuide: InputGuide<InputState>,\n  labelsInfo: UniqueValuesBySourceMap,\n  filterLabelsInfo: Record<string, Record<string, { value: unknown; label: string }>>,\n  reactiveState: ReactiveState,\n  defaultPalette: DefaultPalettes,\n): null | { settings: Settings; data: DataByColumns } {\n  if (!inputGuide.ready || chartData === null) {\n    return null;\n  }\n\n  let settings = { ...chartData.settings };\n  const dataByColumns = chartData.data.byColumns;\n  settings.title = getChartTitle(reactiveState.chartType, reactiveState.optionsState, filterLabelsInfo, reactiveState.axesSettings);\n  settings.size = getChartSizes(reactiveState.chartScale, reactiveState.optionsState.components?.facetBy.selectorStates.length || 0);\n  settings.legend = { show: reactiveState.axesSettings.other.showLegend };\n  if (reactiveState.chartType === 'discrete') {\n    settings = composeDiscreteSettings(settings as DiscreteSettings, reactiveState, labelsInfo, inputGuide, defaultPalette);\n  }\n  if (reactiveState.chartType === 'scatterplot') {\n    settings = composeScatterplotSettings(settings as ScatterplotSettings, dataByColumns, reactiveState, inputGuide, labelsInfo, defaultPalette);\n  }\n  if (reactiveState.chartType === 'scatterplot-umap') {\n    settings = composeScatterplotUmapSettings(settings as ScatterplotUmapSettings, dataByColumns, reactiveState, inputGuide, labelsInfo, defaultPalette);\n  }\n  if (reactiveState.chartType === 'heatmap') {\n    settings = composeHeatmapSettings(settings as HeatmapSettings, reactiveState, defaultPalette);\n  }\n  if (reactiveState.chartType === 'dendro') {\n    settings = composeDendroSettings(settings as DendroSettings, dataByColumns, reactiveState, inputGuide, labelsInfo);\n  }\n  if (reactiveState.chartType === 'histogram') {\n    settings = composeHistogramSettings(settings as HistogramSettings, reactiveState, labelsInfo, defaultPalette);\n  }\n  if (reactiveState.chartType === 'bubble') {\n    settings = composeBubbleSettings(settings as BubbleSettings, reactiveState, defaultPalette);\n  }\n  return {\n    settings: settings as Settings,\n    data: chartData.data.byColumns,\n  };\n}\n"],"names":["getChartSizes","chartScale","facetByLength","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","getChartTitle","chartType","optionsState","filterLabelsInfo","axesSettings","selectedFilters","tabByStates","_a","filterStates","_b","state","tabByState","type","selectedSource","selectedFilterValues","selectedFilterValue","loadDataForPlot","inputGuide","reactiveState","dataStore","fixedOptions","controller","getControllerByType","optionsStateWithFixed","addFixedOptionsToState","err","composeChartSettings","chartData","labelsInfo","defaultPalette","settings","dataByColumns","composeDiscreteSettings","composeScatterplotSettings","composeScatterplotUmapSettings","composeHeatmapSettings","composeDendroSettings","composeHistogramSettings","composeBubbleSettings"],"mappings":"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"}

package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.d.ts

@@ -85,7 +85,7 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
         } | undefined;
     } | {
         type: "line";
-        pointsValues: "mean" | "median";
+        pointsValues: "sum" | "mean" | "median" | "min" | "max";
         aes?: {
             dotShape?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "20" | "21" | "22" | "23" | "24" | "25" | {
                 type: "primaryGrouping" | "secondaryGrouping";
@@ -107,7 +107,7 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
         emptyGroupValue?: number | undefined;
     } | {
         type: "errorbar";
-        pointsValues: "mean" | "median";
+        pointsValues: "sum" | "mean" | "median" | "min" | "max";
         interval: "sd" | "se" | "ci";
         aes?: {
             dotShape?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "20" | "21" | "22" | "23" | "24" | "25" | {
@@ -138,7 +138,7 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
                 type: "primaryGrouping" | "secondaryGrouping";
             } | undefined;
         } | undefined;
-        height?: "min" | "max" | "mean" | "median" | undefined;
+        height?: "sum" | "mean" | "median" | "min" | "max" | undefined;
     } | {
         type: "stackedBar";
         aes?: {
@@ -152,7 +152,7 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
                 type: "primaryGrouping" | "secondaryGrouping";
             } | undefined;
         } | undefined;
-        height?: "min" | "max" | "mean" | "median" | "sum" | undefined;
+        height?: "sum" | "mean" | "median" | "min" | "max" | undefined;
         normalize?: boolean | undefined;
     } | {
         type: "binnedDots";
@@ -237,7 +237,7 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
             barsOpacity?: number | undefined;
             areaOpacity?: number | undefined;
         } | undefined;
-        height?: "min" | "max" | "mean" | "median" | "sum" | undefined;
+        height?: "sum" | "mean" | "median" | "min" | "max" | undefined;
         normalize?: boolean | undefined;
         showBars?: boolean | undefined;
     } | {
@@ -376,6 +376,7 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
             fillColor?: string | undefined;
         }> | undefined;
         allowNullGroup?: boolean | undefined;
+        unlimitedGroupsCount?: boolean | undefined;
     } | undefined;
     secondaryGrouping?: {
         columnName: {
@@ -396,6 +397,7 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
             fillColor?: string | undefined;
         }> | undefined;
         allowNullGroup?: boolean | undefined;
+        unlimitedGroupsCount?: boolean | undefined;
     } | undefined;
     orientation?: "vertical" | "horizontal" | undefined;
 };

package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.d.ts

@@ -123,7 +123,7 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
     aggregation?: {
         x?: boolean | undefined;
         y?: boolean | undefined;
-        method?: "min" | "max" | "mean" | "median" | undefined;
+        method?: "sum" | "mean" | "median" | "min" | "max" | undefined;
     } | undefined;
     NAValueAs?: number | null | undefined;
     valueType?: "continuous" | "discrete" | undefined;

package/dist/utils/createChartSettingsForRender/composeScatterplotSettings.d.ts

@@ -2,8 +2,9 @@ import { ScatterplotSettings, ScatterplotUmapSettings } from '@milaboratories/mi
 import { ComponentStateFilter, ComponentStateSimple, InputGuide, InputState, PlotDataAndSettings } from '@milaboratories/pf-plots';
 import { AestheticMappingState } from '../../dataBindAes';
 import { DefaultPalettes, ReactiveState, UniqueValuesBySourceMap } from '../../types';
+import { Palette } from '../../components/AesSettings/types';
 export declare function applyChartInfoFromAnnotations(settings: ScatterplotSettings | ScatterplotUmapSettings, grouping: ComponentStateSimple | ComponentStateFilter, x: ComponentStateSimple | ComponentStateFilter, y: ComponentStateSimple | ComponentStateFilter, inputGuide: InputGuide<InputState>): void;
-export declare function applyInheritedAes(settings: ScatterplotSettings | ScatterplotUmapSettings, grouping: ComponentStateSimple | ComponentStateFilter, shape: ComponentStateSimple | ComponentStateFilter | undefined, uniqueValuesData: UniqueValuesBySourceMap, dataBindAes: AestheticMappingState, defaultPalette: DefaultPalettes): void;
+export declare function applyInheritedAes(settings: ScatterplotSettings | ScatterplotUmapSettings, grouping: ComponentStateSimple | ComponentStateFilter, shape: ComponentStateSimple | ComponentStateFilter | undefined, uniqueValuesData: UniqueValuesBySourceMap, dataBindAes: AestheticMappingState, defaultPalette: Palette): void;
 export declare function composeScatterplotSettings(settings: ScatterplotSettings, dataByColumns: PlotDataAndSettings['data']['byColumns'], reactiveState: ReactiveState, inputGuide: InputGuide<InputState>, uniqueValuesData: UniqueValuesBySourceMap, defaultPalette: DefaultPalettes): {
     type: "scatterplot";
     title: {