@milaboratories/graph-maker 1.1.130 → 1.1.132

package/dist/GraphMaker/components/Chart.vue.d.ts

@@ -1,4 +1,5 @@
 import { GraphStatus } from '../types.ts';
+import { ChartInterface } from '@milaboratories/miplots4';
 
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -8,6 +9,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     graphTitle: string;
     dendroTooltipButton?: string;
     chartData: Record<string, unknown> | null;
+    chartRef: ChartInterface | null;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "graph-title-update": (...args: any[]) => void;
     "dendro-node-select": (...args: any[]) => void;
@@ -17,6 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     graphTitle: string;
     dendroTooltipButton?: string;
     chartData: Record<string, unknown> | null;
+    chartRef: ChartInterface | null;
 }>>> & Readonly<{
     "onGraph-title-update"?: ((...args: any[]) => any) | undefined;
     "onDendro-node-select"?: ((...args: any[]) => any) | undefined;

package/dist/GraphMaker/components/DragAndDrop/DnDBasketChip.vue.d.ts

@@ -15,11 +15,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<boolean>;
     };
     searchModel: {
-        type: import('vue').PropType<(axisId: string, selectedValue: string) => Promise<ListOption<string>>>;
+        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
         required: true;
     };
     searchOptions: {
-        type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        required: true;
+    };
+    loadOptions: {
+        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
         required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -39,11 +43,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<boolean>;
     };
     searchModel: {
-        type: import('vue').PropType<(axisId: string, selectedValue: string) => Promise<ListOption<string>>>;
+        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
         required: true;
     };
     searchOptions: {
-        type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        required: true;
+    };
+    loadOptions: {
+        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
         required: true;
     };
 }>> & Readonly<{

package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.d.ts

@@ -19,11 +19,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     searchModel: {
-        type: import('vue').PropType<(axisId: string, selectedValue: string) => Promise<ListOption<string>>>;
+        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
         required: true;
     };
     searchOptions: {
-        type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        required: true;
+    };
+    loadOptions: {
+        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
         required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -47,11 +51,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     searchModel: {
-        type: import('vue').PropType<(axisId: string, selectedValue: string) => Promise<ListOption<string>>>;
+        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
         required: true;
     };
     searchOptions: {
-        type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        required: true;
+    };
+    loadOptions: {
+        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
         required: true;
     };
 }>> & Readonly<{

package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.d.ts

@@ -16,11 +16,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     searchModel: {
-        type: import('vue').PropType<(axisId: string, selectedValue: string) => Promise<ListOption<string>>>;
+        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
         required: true;
     };
     searchOptions: {
-        type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        required: true;
+    };
+    loadOptions: {
+        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
         required: true;
     };
     sortable: {
@@ -45,11 +49,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     searchModel: {
-        type: import('vue').PropType<(axisId: string, selectedValue: string) => Promise<ListOption<string>>>;
+        type: import('vue').PropType<(sourceId: string, selectedValue: string) => Promise<ListOption<string>>>;
         required: true;
     };
     searchOptions: {
-        type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        type: import('vue').PropType<(sourceId: string, searchStr: string) => Promise<ListOption<string>[]>>;
+        required: true;
+    };
+    loadOptions: {
+        type: import('vue').PropType<(sourceId: string) => Promise<ListOption<string>[] | null>>;
         required: true;
     };
     sortable: {

package/dist/GraphMaker/components/DragAndDrop/types.d.ts

@@ -1,7 +1,6 @@
 import { Ref } from 'vue';
 import { ValueType } from '@platforma-sdk/model';
 import { PValue } from '@milaboratories/pf-plots';
-import { UniqueValuesBySourceMap } from '../../types.ts';
 
 export type ChipInfo = {
     id: string;
@@ -28,7 +27,6 @@ export type DndBasketProps<T = any> = {
     disabled: boolean;
     readonly?: boolean;
     consistency: Record<string, boolean>;
-    labelsInfo: UniqueValuesBySourceMap;
     droppedIds: string[];
     availableIds: Set<string>;
     selectedFilters?: Record<string, string | undefined>;
@@ -45,6 +43,10 @@ export type DndBasketProps<T = any> = {
         value: string;
         label: string;
     }[]>;
+    loadOptionsFn: (sourceId: string) => Promise<{
+        value: string;
+        label: string;
+    }[] | null>;
 };
 export type DropItemEvent<T = any> = {
     draggedId: string;

package/dist/GraphMaker/components/LassoControls/index.vue.d.ts

@@ -0,0 +1,17 @@
+import { ChartInterface } from '@milaboratories/miplots4';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    chartRef: ChartInterface | null;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    chartRef: ChartInterface | null;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/GraphMaker/dataBindAes.d.ts

@@ -1,6 +1,7 @@
 import { ContinuousPalette, DotShape, LineType, Palette } from './components/AesSettings/types.ts';
 import { AesType, ContinuousDataMappingSize, NumberRange } from './constantsCommon.ts';
 import { UniqueValuesBySourceMap } from './types.ts';
+import { InputState } from '@milaboratories/pf-plots';
 
 export type AestheticMappingState = Record<string, AestheticMapping>;
 export type AestheticMapping = AestheticMappingContinuous | AestheticMappingCategorical;
@@ -23,7 +24,7 @@ export interface AestheticMappingCategorical {
     type: 'categorical';
     palette: Palette;
     naAes: AestheticValues;
-    order: (string | number)[];
+    order: string[];
     mapping: AestheticMappingRecord;
 }
 export declare function isAestheticMappingCategorical(v: unknown | AestheticMappingCategorical): v is AestheticMappingCategorical;
@@ -50,16 +51,17 @@ export declare const DEFAULT_NA_AES: {
     lineShape: LineType;
     dotShape: DotShape;
 };
-export declare function updateAestheticMapping(values: (string | number)[], currentMapping?: AestheticMappingCategorical): AestheticMappingCategorical;
-export declare function createCategoricalMappingFromPalette(palette: Palette, values: (string | number)[]): AestheticMappingCategorical;
+export declare function createCategoricalMappingFromPalette(palette: Palette, values: string[]): AestheticMappingCategorical;
+export declare function updateDataBindAes(optionsState: InputState, dataBindAes: Record<string, AestheticMapping>, uniqueValuesMap: UniqueValuesBySourceMap): void;
+export declare function updateCategoricalMapping(newUniqueValues: string[], currentMapping: AestheticMappingCategorical): AestheticMappingCategorical;
 export declare function createContinuousMappingFromPalette(palette: ContinuousPalette): AestheticMappingContinuous;
-export declare function createDefaultMapping(values: (string | number)[]): AestheticMappingCategorical;
+export declare function createDefaultMapping(values: string[]): AestheticMappingCategorical;
 export declare function createDefaultContinuousMapping(columnId: string): ContinuousDataMappingSize;
-export declare function getChartSettingsInheritedAes(uniqueValuesData: UniqueValuesBySourceMap, maybeMapping: AestheticMapping | undefined, sourceId: string | null, usedAesInMapping: Record<AesType, boolean>): {
+export declare function getChartSettingsInheritedAes(uniqueValuesData: UniqueValuesBySourceMap, savedMapping: AestheticMapping | undefined, sourceId: string | null, usedAesInMapping: Record<AesType, boolean>): {
     inheritedAes: {};
     order?: undefined;
 } | {
-    order: (string | number)[];
+    order: string[];
     inheritedAes: Record<string, any>;
 };
 export declare function getScatterplotAes(selectedSource: string, uniqueValuesData: UniqueValuesBySourceMap, dataBindAes: AestheticMappingState): Record<string, any>;
@@ -70,8 +72,8 @@ export declare function getHistogramAes(selectedSource: string, uniqueValuesData
     inheritedAes: {};
     order?: undefined;
 } | {
-    order: (string | number)[];
+    order: string[];
     inheritedAes: Record<string, any>;
 };
-export declare function getDendroAes(selectedStr: string, uniqueValuesData: UniqueValuesBySourceMap, dataBindAes: AestheticMappingState, field: keyof AestheticValues): Record<string, AestheticValues[keyof AestheticValues]>;
+export declare function getDendroAes(selectedSource: string, uniqueValuesData: UniqueValuesBySourceMap, dataBindAes: AestheticMappingState, field: keyof AestheticValues): Record<string, AestheticValues[keyof AestheticValues]>;
 export {};

package/dist/GraphMaker/index.vue.d.ts

@@ -46,7 +46,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("y" | "primaryGrouping" | "secondaryGrouping" | "filters" | "tabBy" | "facetBy")[]>;
+        type: import('vue').PropType<("primaryGrouping" | "secondaryGrouping" | "y" | "filters" | "tabBy" | "facetBy")[]>;
     };
 } | {
     modelValue: {
@@ -87,7 +87,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("label" | "size" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "highlight" | "shape" | "tooltipContent")[]>;
+        type: import('vue').PropType<("label" | "grouping" | "shape" | "size" | "x" | "y" | "filters" | "tabBy" | "facetBy" | "highlight" | "tooltipContent")[]>;
     };
 } | {
     modelValue: {
@@ -128,7 +128,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("label" | "size" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "highlight" | "tooltipContent")[]>;
+        type: import('vue').PropType<("label" | "grouping" | "size" | "x" | "y" | "filters" | "tabBy" | "facetBy" | "highlight" | "tooltipContent")[]>;
     };
 } | {
     modelValue: {
@@ -210,7 +210,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("height" | "value" | "lineColor" | "filters" | "tabBy" | "facetBy" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup")[]>;
+        type: import('vue').PropType<("height" | "nodeColor" | "nodeShape" | "lineColor" | "heatmapAnnotation" | "value" | "filters" | "tabBy" | "facetBy" | "labels" | "tableContent" | "nodeSize" | "heatmapForSequence" | "heatmapAxis" | "heatmapGroup")[]>;
     };
 } | {
     modelValue: {
@@ -251,7 +251,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("value" | "grouping" | "filters" | "tabBy" | "facetBy")[]>;
+        type: import('vue').PropType<("grouping" | "value" | "filters" | "tabBy" | "facetBy")[]>;
     };
 } | {
     modelValue: {
@@ -347,7 +347,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("y" | "primaryGrouping" | "secondaryGrouping" | "filters" | "tabBy" | "facetBy")[]>;
+        type: import('vue').PropType<("primaryGrouping" | "secondaryGrouping" | "y" | "filters" | "tabBy" | "facetBy")[]>;
     };
 } | {
     modelValue: {
@@ -388,7 +388,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("label" | "size" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "highlight" | "shape" | "tooltipContent")[]>;
+        type: import('vue').PropType<("label" | "grouping" | "shape" | "size" | "x" | "y" | "filters" | "tabBy" | "facetBy" | "highlight" | "tooltipContent")[]>;
     };
 } | {
     modelValue: {
@@ -429,7 +429,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("label" | "size" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "highlight" | "tooltipContent")[]>;
+        type: import('vue').PropType<("label" | "grouping" | "size" | "x" | "y" | "filters" | "tabBy" | "facetBy" | "highlight" | "tooltipContent")[]>;
     };
 } | {
     modelValue: {
@@ -511,7 +511,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("height" | "value" | "lineColor" | "filters" | "tabBy" | "facetBy" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup")[]>;
+        type: import('vue').PropType<("height" | "nodeColor" | "nodeShape" | "lineColor" | "heatmapAnnotation" | "value" | "filters" | "tabBy" | "facetBy" | "labels" | "tableContent" | "nodeSize" | "heatmapForSequence" | "heatmapAxis" | "heatmapGroup")[]>;
     };
 } | {
     modelValue: {
@@ -552,7 +552,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
     };
     readonlyInputs: {
-        type: import('vue').PropType<("value" | "grouping" | "filters" | "tabBy" | "facetBy")[]>;
+        type: import('vue').PropType<("grouping" | "value" | "filters" | "tabBy" | "facetBy")[]>;
     };
 } | {
     modelValue: {

package/dist/GraphMaker/store.d.ts

@@ -326,9 +326,14 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
             showLegend: boolean;
         };
     };
-    dataBindAes: import('./dataBindAes').AestheticMappingState;
+    dataBindAes: import('./dataBindAes.ts').AestheticMappingState;
     chartScale: number;
-    lassoMode: boolean;
+    lassoControlsState: {
+        mode: import('@milaboratories/miplots4/dist/scatterplot-umap/types').LassoMode;
+        deleteEnabled: boolean;
+        backEnabled: boolean;
+        forwardEnabled: boolean;
+    } | null;
     currentTab: import('./forms').FormKey | null;
     dendroInfoByClick: {
         x: number;
@@ -661,9 +666,14 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
                 showLegend: boolean;
             };
         };
-        dataBindAes: import('./dataBindAes').AestheticMappingState;
+        dataBindAes: import('./dataBindAes.ts').AestheticMappingState;
         chartScale: number;
-        lassoMode: boolean;
+        lassoControlsState: {
+            mode: import('@milaboratories/miplots4/dist/scatterplot-umap/types').LassoMode;
+            deleteEnabled: boolean;
+            backEnabled: boolean;
+            forwardEnabled: boolean;
+        } | null;
         currentTab: import('./forms').FormKey | null;
         dendroInfoByClick: {
             x: number;
@@ -702,7 +712,7 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
     chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
     uniqueValuesData: Ref<UniqueValuesBySourceMap, UniqueValuesBySourceMap>;
     filterLabelsInfo: Ref<Record<string, ListOption>, Record<string, ListOption>>;
-    readonlyInputs: ("label" | "height" | "size" | "x" | "y" | "value" | "lineColor" | "primaryGrouping" | "secondaryGrouping" | "grouping" | "filters" | "tabBy" | "facetBy" | "highlight" | "shape" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup" | "valueSize" | "valueColor")[] | undefined;
+    readonlyInputs: ("label" | "height" | "primaryGrouping" | "secondaryGrouping" | "grouping" | "shape" | "nodeColor" | "nodeShape" | "lineColor" | "heatmapAnnotation" | "size" | "x" | "y" | "value" | "filters" | "tabBy" | "facetBy" | "highlight" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY" | "labels" | "tableContent" | "nodeSize" | "heatmapForSequence" | "heatmapAxis" | "heatmapGroup" | "valueSize" | "valueColor")[] | undefined;
 };
 export type Store = ComputedRef<ReturnType<typeof factoryStore>>;
 export declare function provideStore(initialState: GraphMakerState, dataStoreRef: Ref<DemoDataStore | null>, chartType: ChartType, defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>, fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>, dataColumnPredicate?: (spec: PColumnSpec) => boolean, readonlyInputs?: InputNamesByChartType[ChartType][]): ComputedRef<{
@@ -1027,9 +1037,14 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
                 showLegend: boolean;
             };
         };
-        dataBindAes: import('./dataBindAes').AestheticMappingState;
+        dataBindAes: import('./dataBindAes.ts').AestheticMappingState;
         chartScale: number;
-        lassoMode: boolean;
+        lassoControlsState: {
+            mode: import('@milaboratories/miplots4/dist/scatterplot-umap/types').LassoMode;
+            deleteEnabled: boolean;
+            backEnabled: boolean;
+            forwardEnabled: boolean;
+        } | null;
         currentTab: import('./forms').FormKey | null;
         dendroInfoByClick: {
             x: number;
@@ -1068,6 +1083,6 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
     chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
     uniqueValuesData: Ref<UniqueValuesBySourceMap, UniqueValuesBySourceMap>;
     filterLabelsInfo: Ref<Record<string, ListOption>, Record<string, ListOption>>;
-    readonlyInputs: ("label" | "height" | "size" | "x" | "y" | "value" | "lineColor" | "primaryGrouping" | "secondaryGrouping" | "grouping" | "filters" | "tabBy" | "facetBy" | "highlight" | "shape" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup" | "valueSize" | "valueColor")[] | undefined;
+    readonlyInputs: ("label" | "height" | "primaryGrouping" | "secondaryGrouping" | "grouping" | "shape" | "nodeColor" | "nodeShape" | "lineColor" | "heatmapAnnotation" | "size" | "x" | "y" | "value" | "filters" | "tabBy" | "facetBy" | "highlight" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY" | "labels" | "tableContent" | "nodeSize" | "heatmapForSequence" | "heatmapAxis" | "heatmapGroup" | "valueSize" | "valueColor")[] | undefined;
 }>;
 export declare function useStore(): Store;

package/dist/GraphMaker/types.d.ts

@@ -3,6 +3,7 @@ import { AxesState, LayersSettings, NumberRange, StatisticsState } from './const
 import { AestheticMappingCategorical, AestheticMappingState } from './dataBindAes.ts';
 import { AxisSpec, PColumnSpec, PFrameDriver, PFrameHandle } from '@platforma-sdk/model';
 import { FormKey } from './forms';
+import { LassoControlsState, Polygon } from '@milaboratories/miplots4';
 
 export type DeepPartial<T> = {
     [P in keyof T]?: Partial<T[P]>;
@@ -19,6 +20,8 @@ export type GraphMakerState = {
     currentTab?: FormKey | null;
     /** Value of current zoom in percents, by default 100 */
     zoomState?: number;
+    /** Lasso state for scatterplot */
+    selectedPolygons?: Polygon[];
     /** Data-mapping state, use inner-generated keys to keep selected columns, use default-options prop to set defaults */
     optionsState?: InputState;
     /** Saved settings of p-value (for discrete charts), trends (for scatterplot) */
@@ -75,7 +78,7 @@ export type ReactiveState = {
     statisticsSettings: StatisticsState;
     dataBindAes: AestheticMappingState;
     chartScale: number;
-    lassoMode: boolean;
+    lassoControlsState: LassoControlsState | null;
     currentTab: FormKey | null;
     dendroInfoByClick: null | DendroNodeInfo;
     dendroSelectedNodeId: null | number;

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

@@ -32,6 +32,11 @@ export declare function composeBubbleSettings(settings: BubbleSettings, reactive
         label?: string | undefined;
         valueLabels?: string | undefined;
     };
+    size?: {
+        width?: number | undefined;
+        height?: number | undefined;
+        cellSize?: number | undefined;
+    } | undefined;
     aes?: {
         colorsList?: string[] | undefined;
         minRadius?: number | undefined;
@@ -39,11 +44,6 @@ export declare function composeBubbleSettings(settings: BubbleSettings, reactive
         cellStrokeColor?: string | undefined;
         emptyCellColor?: string | undefined;
     } | undefined;
-    size?: {
-        width?: number | undefined;
-        height?: number | undefined;
-        cellSize?: number | undefined;
-    } | undefined;
     legend?: {
         show?: boolean | undefined;
         position?: "right" | "inside" | "top" | "bottom" | undefined;

package/dist/GraphMaker/utils/createChartSettingsForRender/composeDendroSettings.d.ts

@@ -21,6 +21,15 @@ export declare function composeDendroSettings(settings: DendroSettings, dataByCo
         label?: string | undefined;
         valueLabels?: string | undefined;
     };
+    size?: {
+        width?: number | undefined;
+        height?: number | undefined;
+        scale?: number | undefined;
+        minCellWidth?: number | undefined;
+        minCellHeight?: number | undefined;
+        maxCellWidth?: number | undefined;
+        maxCellHeight?: number | undefined;
+    } | undefined;
     aes?: {
         lineShape?: "solid" | "dashed" | "dotted" | "dotdash" | "longdash" | "twodash" | undefined;
         lineColor?: string | {
@@ -90,15 +99,6 @@ export declare function composeDendroSettings(settings: DendroSettings, dataByCo
             valuesMap: Record<string, number>;
         } | undefined;
     } | undefined;
-    size?: {
-        width?: number | undefined;
-        height?: number | undefined;
-        scale?: number | undefined;
-        minCellWidth?: number | undefined;
-        minCellHeight?: number | undefined;
-        maxCellWidth?: number | undefined;
-        maxCellHeight?: number | undefined;
-    } | undefined;
     height?: {
         type: "column";
         value: string;
@@ -152,7 +152,7 @@ export declare function composeDendroSettings(settings: DendroSettings, dataByCo
             colorsList?: string[] | undefined;
             colorsMap?: Record<string, string> | undefined;
         } | undefined;
-        valueType?: "discrete" | "continuous" | "stringSource" | undefined;
+        valueType?: "continuous" | "discrete" | "stringSource" | undefined;
     } | undefined;
     connectionType?: "curve" | "line" | "rectangle" | undefined;
     showEdges?: boolean | undefined;

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

@@ -40,8 +40,8 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
             boxWidth?: number | undefined;
         } | undefined;
         stat?: {
-            upper?: number | undefined;
             middle?: number | undefined;
+            upper?: number | undefined;
             lower?: number | undefined;
             k?: number | undefined;
         } | undefined;

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

@@ -26,6 +26,10 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         label?: string | undefined;
         valueLabels?: string | undefined;
     };
+    size?: {
+        width?: number | undefined;
+        height?: number | undefined;
+    } | undefined;
     aes?: {
         colorsList?: string[] | undefined;
         cellStrokeColor?: string | undefined;
@@ -36,10 +40,6 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         groupGap?: number | undefined;
         cellGap?: number | undefined;
     } | undefined;
-    size?: {
-        width?: number | undefined;
-        height?: number | undefined;
-    } | undefined;
     legend?: {
         show?: boolean | undefined;
         position?: "right" | "inside" | "top" | "bottom" | undefined;
@@ -98,7 +98,7 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         colorRange?: number[] | undefined;
     } | undefined;
     NAValueAs?: number | null | undefined;
-    valueType?: "discrete" | "continuous" | undefined;
+    valueType?: "continuous" | "discrete" | undefined;
     xGroupBy?: {
         type: "column";
         value: string;
@@ -112,7 +112,7 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         valueLabels?: string | undefined;
     }[] | undefined;
     annotations?: ({
-        type: "discrete" | "continuous";
+        type: "continuous" | "discrete";
         valueColumn: {
             type: "column";
             value: string;
@@ -125,7 +125,7 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         titlePosition?: "left" | "right" | undefined;
         colors?: string[] | undefined;
     } | {
-        type: "discrete" | "continuous";
+        type: "continuous" | "discrete";
         valueColumn: {
             type: "column";
             value: string;
@@ -139,6 +139,7 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         colors?: string[] | undefined;
     })[] | undefined;
     dendrogramX?: {
+        size?: number | undefined;
         aes?: {
             dotFill?: string | {
                 type: "column";
@@ -146,12 +147,12 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
                 label?: string | undefined;
                 valueLabels?: string | undefined;
             } | undefined;
-            dotShape?: "0" | {
+            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: "column";
                 value: string;
                 label?: string | undefined;
                 valueLabels?: string | undefined;
-            } | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "20" | "21" | "22" | "23" | "24" | "25" | undefined;
+            } | undefined;
             dotSize?: number | {
                 type: "column";
                 value: string;
@@ -178,7 +179,6 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
             } | undefined;
         } | undefined;
         position?: "top" | "bottom" | undefined;
-        size?: number | undefined;
         distance?: "euclidean" | "squaredEuclidean" | undefined;
         linkage?: "average" | "complete" | "single" | undefined;
         showNodes?: boolean | undefined;
@@ -187,6 +187,7 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
         hidden?: boolean | undefined;
     } | undefined;
     dendrogramY?: {
+        size?: number | undefined;
         aes?: {
             dotFill?: string | {
                 type: "column";
@@ -194,12 +195,12 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
                 label?: string | undefined;
                 valueLabels?: string | undefined;
             } | undefined;
-            dotShape?: "0" | {
+            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: "column";
                 value: string;
                 label?: string | undefined;
                 valueLabels?: string | undefined;
-            } | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "20" | "21" | "22" | "23" | "24" | "25" | undefined;
+            } | undefined;
             dotSize?: number | {
                 type: "column";
                 value: string;
@@ -226,7 +227,6 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
             } | undefined;
         } | undefined;
         position?: "left" | "right" | undefined;
-        size?: number | undefined;
         distance?: "euclidean" | "squaredEuclidean" | undefined;
         linkage?: "average" | "complete" | "single" | undefined;
         showNodes?: boolean | undefined;

package/dist/GraphMaker/utils/createChartSettingsForRender/composeHistogramSettings.d.ts

@@ -33,18 +33,18 @@ export declare function composeHistogramSettings(settings: HistogramSettings, re
         label?: string | undefined;
         valueLabels?: string | undefined;
     };
-    grouping?: {
-        type: "column";
-        value: string;
-        label?: string | undefined;
-        valueLabels?: string | undefined;
-    } | undefined;
     size?: {
         width?: number | undefined;
         height?: number | undefined;
         outerOffset?: number | undefined;
         innerOffset?: number | undefined;
     } | undefined;
+    grouping?: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    } | undefined;
     legend?: {
         show?: boolean | undefined;
         position?: "right" | "inside" | "top" | "bottom" | undefined;