@milaboratories/graph-maker 1.1.132 → 1.1.134

package/dist/GraphMaker/store.d.ts

@@ -1,1060 +1,13 @@
-import { Ref, ComputedRef, Reactive } from 'vue';
-import { GraphMakerProps, GraphMakerState, ReactiveState, UniqueValuesBySourceMap } from './types.ts';
-import { DemoDataStore, InputGuide, InputState, PlotDataAndSettings, DendroStateController, ChartType, InputNamesByChartType } from '@milaboratories/pf-plots';
-import { AesType } from './constantsCommon.ts';
+import { ChartType, DemoDataStore, DendroStateController, getControllerByType, InputGuide, InputNamesByChartType, InputState, PlotDataAndSettings } from '@milaboratories/pf-plots';
 import { PColumnSpec } from '@platforma-sdk/model';
 import { ListOption } from '@platforma-sdk/ui-vue';
-
-export declare function createReactiveState(initialData: GraphMakerState, chartType: ChartType): {
-    chartType: ChartType;
-    template: import('./types.ts').LayersTemplate;
-    optionsState: {
-        type: ChartType;
-        components: {
-            [x: string]: import('@milaboratories/pf-plots').ComponentStateSimple | import('@milaboratories/pf-plots').ComponentStateFilter;
-        };
-        dividedAxes: Record<string, boolean>;
-    };
-    layersSettings: {
-        bubble: {
-            NAValueAs: number | null;
-            minRadius: number;
-            maxRadius: number;
-            normalizationDirection: "row" | "column" | null;
-            normalizationMethod: "standardScaling" | "meanNormalization";
-            strokeColor: null | string;
-        };
-        bins: {
-            fillColor: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            opacity: number;
-        };
-        dendro: {
-            dotFill: string | {
-                type: string;
-                value?: string | undefined;
-            };
-            dotShape: import('./components/AesSettings/types').DotShape | {
-                type: string;
-                value?: string | undefined;
-            };
-            dotSize: number | {
-                min: number;
-                max: number;
-            };
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            };
-            mode: "normal" | "useAllNodesAsLeaves";
-            leavesMode: "normal" | "alignLeavesToLine";
-            showTable: boolean;
-            showLegend: boolean;
-        };
-        heatmap: {
-            NAValueAs: number | null;
-            normalizationDirection: "row" | "column" | null;
-            normalizationMethod: "standardScaling" | "meanNormalization";
-        };
-        heatmapClustered: {
-            NAValueAs: number | null;
-            normalizationDirection: "row" | "column" | null;
-            normalizationMethod: "standardScaling" | "meanNormalization";
-            dendrogramX: boolean;
-            dendrogramY: boolean;
-            disableClusteringX: boolean;
-            disableClusteringY: boolean;
-        };
-        dots: {
-            dotFill: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            dotShape: import('./components/AesSettings/types').DotShape | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            dotSize: number | {
-                column: string;
-                range: {
-                    min: number;
-                    max: number;
-                };
-            } | null;
-        };
-        curve: {
-            smoothing: boolean;
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            };
-        };
-        box: {
-            showOutliers: boolean;
-            fillColor: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            };
-            dotShape: import('./components/AesSettings/types').DotShape | {
-                type: string;
-                value?: string | undefined;
-            };
-            lineType: import('./components/AesSettings/types').LineType | {
-                type: string;
-                value?: string | undefined;
-            };
-            gapWidth: number;
-            opacity: number;
-            stat: {
-                low: number;
-                middle: number;
-                upper: number;
-                k: number;
-            };
-        };
-        binnedDots: {
-            fillColor: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            };
-            opacity: number;
-            showOutliers: boolean;
-        };
-        jitteredDots: {
-            dotFill: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            dotShape: import('./components/AesSettings/types').DotShape | {
-                type: string;
-                value?: string | undefined;
-            };
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            };
-            opacity: number;
-            showOutliers: boolean;
-        };
-        violin: {
-            fillColor: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            };
-            lineType: import('./components/AesSettings/types').LineType | {
-                type: string;
-                value?: string | undefined;
-            };
-            opacity: number;
-            trim: boolean;
-            showQuartiles: boolean;
-            quartilesLineStyle: import('./components/AesSettings/types').LineType;
-            medianLineStyle: import('./components/AesSettings/types').LineType;
-        };
-        bar: {
-            fillColor: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            };
-            opacity: number;
-            height: "max" | "mean" | "median";
-        };
-        stackedBar: {
-            fillColor: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            };
-            opacity: number;
-            normalize: boolean;
-        };
-        line: {
-            pointsValues: "mean" | "median";
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            dotShape: import('./components/AesSettings/types').DotShape | {
-                type: string;
-                value?: string | undefined;
-            };
-            lineType: import('./components/AesSettings/types').LineType | {
-                type: string;
-                value?: string | undefined;
-            };
-            dotFill: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            opacity: number;
-        };
-        errorbar: {
-            pointsValues: "mean" | "median";
-            interval: "sd" | "se" | "";
-            lineColor: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            dotShape: import('./components/AesSettings/types').DotShape | {
-                type: string;
-                value?: string | undefined;
-            };
-            dotFill: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            opacity: number;
-        };
-        sina: {
-            dotFill: string | {
-                type: string;
-                value?: string | undefined;
-            } | null;
-            dotShape: import('./components/AesSettings/types').DotShape | {
-                type: string;
-                value?: string | undefined;
-            };
-            opacity: number;
-            showOutliers: boolean;
-        };
-        logo: {
-            normalize: boolean;
-            opacity: number;
-        };
-    };
-    axesSettings: {
-        title: {
-            value: string;
-            position: import('./types.ts').TitlePosition;
-            mode: import('./types.ts').AxisTitleMode;
-            facetTitleFrame: import('./types.ts').Frame;
-        };
-        axisX: {
-            labelsPosition: import('./types.ts').LabelsPosition;
-            labelsRotation: import('./types.ts').LabelsRotation | null;
-            axisLabelsAngle: 0 | 45 | 90;
-            titleMode: import('./types.ts').AxisTitleMode;
-            customTitle: string;
-            gridlines: boolean;
-            linesBetweenCategories: boolean;
-            ticks: boolean;
-            scale: import('./types.ts').Scale;
-            significantLinesStyle: import('./components/AesSettings/types').LineType;
-            sorting: import('./constantsCommon.ts').Sorting;
-            allowNullPrimaryGroups: boolean;
-            allowNullSecondaryGroups: boolean;
-        };
-        axisY: {
-            titleMode: import('./types.ts').AxisTitleMode;
-            customTitle: string;
-            axisLabelsAngle: 0 | 45 | 90;
-            gridlines: boolean;
-            ticks: boolean;
-            scale: import('./types.ts').Scale;
-            significantLinesStyle: import('./components/AesSettings/types').LineType;
-            sorting: import('./constantsCommon.ts').Sorting;
-        };
-        legend: {};
-        other: {
-            frame: import('./types.ts').Frame | import('./types.ts').HeatmapFrame;
-            reverse: boolean;
-            facetSharedBy: "x" | "y" | "xy" | "none";
-            facetColumns: number;
-            binsCount: number;
-            groupingDirection: "straight" | "reverse";
-            groupingStack: "vertical" | "horizontal";
-        };
-    };
-    statisticsSettings: {
-        overall: {
-            data: {
-                testMethod: null | string;
-            };
-            validity: {
-                testMethod: boolean;
-            };
-        };
-        referenceGroup: {
-            data: {
-                testMethod: null | string;
-                referenceGroup: null | string;
-                correctionMethod: string;
-                format: "significance" | "pValue";
-                ns: boolean;
-            };
-            validity: {
-                testMethod: boolean;
-                referenceGroup: boolean;
-            };
-        };
-        pairwise: {
-            data: {
-                testMethod: null | string;
-                correctionMethod: string;
-                format: "significance" | "pValue";
-                ns: boolean;
-            };
-            validity: {
-                testMethod: boolean;
-            };
-        };
-    } | {
-        trend: {
-            on: boolean;
-            trim: boolean;
-            showLegend: boolean;
-        };
-    };
-    dataBindAes: import('./dataBindAes.ts').AestheticMappingState;
-    chartScale: number;
-    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;
-        y: number;
-        info: Record<string, string | number>[];
-    } | null;
-    dendroSelectedNodeId: null | number;
-    dataStateKey: unknown;
-    showTooltipHint: boolean;
-};
-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>, filterLabelsInfo: Ref<Record<string, ListOption>>, readonlyInputs?: InputNamesByChartType[ChartType][]): {
-    reactive: {
-        chartType: ChartType;
-        template: import('./types.ts').LayersTemplate;
-        optionsState: {
-            type: ChartType;
-            components: {
-                [x: string]: import('@milaboratories/pf-plots').ComponentStateSimple | import('@milaboratories/pf-plots').ComponentStateFilter;
-            };
-            dividedAxes: Record<string, boolean>;
-        };
-        layersSettings: {
-            bubble: {
-                NAValueAs: number | null;
-                minRadius: number;
-                maxRadius: number;
-                normalizationDirection: "row" | "column" | null;
-                normalizationMethod: "standardScaling" | "meanNormalization";
-                strokeColor: null | string;
-            };
-            bins: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                opacity: number;
-            };
-            dendro: {
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotSize: number | {
-                    min: number;
-                    max: number;
-                };
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                mode: "normal" | "useAllNodesAsLeaves";
-                leavesMode: "normal" | "alignLeavesToLine";
-                showTable: boolean;
-                showLegend: boolean;
-            };
-            heatmap: {
-                NAValueAs: number | null;
-                normalizationDirection: "row" | "column" | null;
-                normalizationMethod: "standardScaling" | "meanNormalization";
-            };
-            heatmapClustered: {
-                NAValueAs: number | null;
-                normalizationDirection: "row" | "column" | null;
-                normalizationMethod: "standardScaling" | "meanNormalization";
-                dendrogramX: boolean;
-                dendrogramY: boolean;
-                disableClusteringX: boolean;
-                disableClusteringY: boolean;
-            };
-            dots: {
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotSize: number | {
-                    column: string;
-                    range: {
-                        min: number;
-                        max: number;
-                    };
-                } | null;
-            };
-            curve: {
-                smoothing: boolean;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-            };
-            box: {
-                showOutliers: boolean;
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                lineType: import('./components/AesSettings/types').LineType | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                gapWidth: number;
-                opacity: number;
-                stat: {
-                    low: number;
-                    middle: number;
-                    upper: number;
-                    k: number;
-                };
-            };
-            binnedDots: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                showOutliers: boolean;
-            };
-            jitteredDots: {
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                showOutliers: boolean;
-            };
-            violin: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                lineType: import('./components/AesSettings/types').LineType | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                trim: boolean;
-                showQuartiles: boolean;
-                quartilesLineStyle: import('./components/AesSettings/types').LineType;
-                medianLineStyle: import('./components/AesSettings/types').LineType;
-            };
-            bar: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                height: "max" | "mean" | "median";
-            };
-            stackedBar: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                normalize: boolean;
-            };
-            line: {
-                pointsValues: "mean" | "median";
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                lineType: import('./components/AesSettings/types').LineType | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                opacity: number;
-            };
-            errorbar: {
-                pointsValues: "mean" | "median";
-                interval: "sd" | "se" | "";
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                opacity: number;
-            };
-            sina: {
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                showOutliers: boolean;
-            };
-            logo: {
-                normalize: boolean;
-                opacity: number;
-            };
-        };
-        axesSettings: {
-            title: {
-                value: string;
-                position: import('./types.ts').TitlePosition;
-                mode: import('./types.ts').AxisTitleMode;
-                facetTitleFrame: import('./types.ts').Frame;
-            };
-            axisX: {
-                labelsPosition: import('./types.ts').LabelsPosition;
-                labelsRotation: import('./types.ts').LabelsRotation | null;
-                axisLabelsAngle: 0 | 45 | 90;
-                titleMode: import('./types.ts').AxisTitleMode;
-                customTitle: string;
-                gridlines: boolean;
-                linesBetweenCategories: boolean;
-                ticks: boolean;
-                scale: import('./types.ts').Scale;
-                significantLinesStyle: import('./components/AesSettings/types').LineType;
-                sorting: import('./constantsCommon.ts').Sorting;
-                allowNullPrimaryGroups: boolean;
-                allowNullSecondaryGroups: boolean;
-            };
-            axisY: {
-                titleMode: import('./types.ts').AxisTitleMode;
-                customTitle: string;
-                axisLabelsAngle: 0 | 45 | 90;
-                gridlines: boolean;
-                ticks: boolean;
-                scale: import('./types.ts').Scale;
-                significantLinesStyle: import('./components/AesSettings/types').LineType;
-                sorting: import('./constantsCommon.ts').Sorting;
-            };
-            legend: {};
-            other: {
-                frame: import('./types.ts').Frame | import('./types.ts').HeatmapFrame;
-                reverse: boolean;
-                facetSharedBy: "x" | "y" | "xy" | "none";
-                facetColumns: number;
-                binsCount: number;
-                groupingDirection: "straight" | "reverse";
-                groupingStack: "vertical" | "horizontal";
-            };
-        };
-        statisticsSettings: {
-            overall: {
-                data: {
-                    testMethod: null | string;
-                };
-                validity: {
-                    testMethod: boolean;
-                };
-            };
-            referenceGroup: {
-                data: {
-                    testMethod: null | string;
-                    referenceGroup: null | string;
-                    correctionMethod: string;
-                    format: "significance" | "pValue";
-                    ns: boolean;
-                };
-                validity: {
-                    testMethod: boolean;
-                    referenceGroup: boolean;
-                };
-            };
-            pairwise: {
-                data: {
-                    testMethod: null | string;
-                    correctionMethod: string;
-                    format: "significance" | "pValue";
-                    ns: boolean;
-                };
-                validity: {
-                    testMethod: boolean;
-                };
-            };
-        } | {
-            trend: {
-                on: boolean;
-                trim: boolean;
-                showLegend: boolean;
-            };
-        };
-        dataBindAes: import('./dataBindAes.ts').AestheticMappingState;
-        chartScale: number;
-        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;
-            y: number;
-            info: Record<string, string | number>[];
-        } | null;
-        dendroSelectedNodeId: null | number;
-        dataStateKey: unknown;
-        showTooltipHint: boolean;
-    };
-    loading: {
-        initialInputGuide: boolean;
-        initialCharts: boolean;
-        initialDefaults: boolean;
-        inputGuide: boolean;
-        chartData: boolean;
-        dendroTableData: boolean;
-    };
-    commonHelpersData: {
-        primaryGroups: ComputedRef<string[]>;
-        secondaryGroups: ComputedRef<string[]>;
-        usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;
-        dendroTableData: Ref<Record<string, {
-            label: string;
-            spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
-            data: import('@milaboratories/pf-plots').PValue[];
-        }> | null, Record<string, {
-            label: string;
-            spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
-            data: import('@milaboratories/pf-plots').PValue[];
-        }> | null>;
-    };
-    controller: import('@milaboratories/pf-plots').Controller<import('@milaboratories/pf-plots').InputStateParent<ChartType>>;
-    columnsDataStore: DemoDataStore | null;
-    inputGuide: Ref<InputGuide<InputState>, InputGuide<InputState>>;
-    chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
-    uniqueValuesData: Ref<UniqueValuesBySourceMap, UniqueValuesBySourceMap>;
-    filterLabelsInfo: Ref<Record<string, ListOption>, Record<string, ListOption>>;
-    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<{
-    reactive: {
-        chartType: ChartType;
-        template: import('./types.ts').LayersTemplate;
-        optionsState: {
-            type: ChartType;
-            components: {
-                [x: string]: import('@milaboratories/pf-plots').ComponentStateSimple | import('@milaboratories/pf-plots').ComponentStateFilter;
-            };
-            dividedAxes: Record<string, boolean>;
-        };
-        layersSettings: {
-            bubble: {
-                NAValueAs: number | null;
-                minRadius: number;
-                maxRadius: number;
-                normalizationDirection: "row" | "column" | null;
-                normalizationMethod: "standardScaling" | "meanNormalization";
-                strokeColor: null | string;
-            };
-            bins: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                opacity: number;
-            };
-            dendro: {
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotSize: number | {
-                    min: number;
-                    max: number;
-                };
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                mode: "normal" | "useAllNodesAsLeaves";
-                leavesMode: "normal" | "alignLeavesToLine";
-                showTable: boolean;
-                showLegend: boolean;
-            };
-            heatmap: {
-                NAValueAs: number | null;
-                normalizationDirection: "row" | "column" | null;
-                normalizationMethod: "standardScaling" | "meanNormalization";
-            };
-            heatmapClustered: {
-                NAValueAs: number | null;
-                normalizationDirection: "row" | "column" | null;
-                normalizationMethod: "standardScaling" | "meanNormalization";
-                dendrogramX: boolean;
-                dendrogramY: boolean;
-                disableClusteringX: boolean;
-                disableClusteringY: boolean;
-            };
-            dots: {
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotSize: number | {
-                    column: string;
-                    range: {
-                        min: number;
-                        max: number;
-                    };
-                } | null;
-            };
-            curve: {
-                smoothing: boolean;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-            };
-            box: {
-                showOutliers: boolean;
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                lineType: import('./components/AesSettings/types').LineType | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                gapWidth: number;
-                opacity: number;
-                stat: {
-                    low: number;
-                    middle: number;
-                    upper: number;
-                    k: number;
-                };
-            };
-            binnedDots: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                showOutliers: boolean;
-            };
-            jitteredDots: {
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                showOutliers: boolean;
-            };
-            violin: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                lineType: import('./components/AesSettings/types').LineType | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                trim: boolean;
-                showQuartiles: boolean;
-                quartilesLineStyle: import('./components/AesSettings/types').LineType;
-                medianLineStyle: import('./components/AesSettings/types').LineType;
-            };
-            bar: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                height: "max" | "mean" | "median";
-            };
-            stackedBar: {
-                fillColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                normalize: boolean;
-            };
-            line: {
-                pointsValues: "mean" | "median";
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                lineType: import('./components/AesSettings/types').LineType | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                opacity: number;
-            };
-            errorbar: {
-                pointsValues: "mean" | "median";
-                interval: "sd" | "se" | "";
-                lineColor: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                opacity: number;
-            };
-            sina: {
-                dotFill: string | {
-                    type: string;
-                    value?: string | undefined;
-                } | null;
-                dotShape: import('./components/AesSettings/types').DotShape | {
-                    type: string;
-                    value?: string | undefined;
-                };
-                opacity: number;
-                showOutliers: boolean;
-            };
-            logo: {
-                normalize: boolean;
-                opacity: number;
-            };
-        };
-        axesSettings: {
-            title: {
-                value: string;
-                position: import('./types.ts').TitlePosition;
-                mode: import('./types.ts').AxisTitleMode;
-                facetTitleFrame: import('./types.ts').Frame;
-            };
-            axisX: {
-                labelsPosition: import('./types.ts').LabelsPosition;
-                labelsRotation: import('./types.ts').LabelsRotation | null;
-                axisLabelsAngle: 0 | 45 | 90;
-                titleMode: import('./types.ts').AxisTitleMode;
-                customTitle: string;
-                gridlines: boolean;
-                linesBetweenCategories: boolean;
-                ticks: boolean;
-                scale: import('./types.ts').Scale;
-                significantLinesStyle: import('./components/AesSettings/types').LineType;
-                sorting: import('./constantsCommon.ts').Sorting;
-                allowNullPrimaryGroups: boolean;
-                allowNullSecondaryGroups: boolean;
-            };
-            axisY: {
-                titleMode: import('./types.ts').AxisTitleMode;
-                customTitle: string;
-                axisLabelsAngle: 0 | 45 | 90;
-                gridlines: boolean;
-                ticks: boolean;
-                scale: import('./types.ts').Scale;
-                significantLinesStyle: import('./components/AesSettings/types').LineType;
-                sorting: import('./constantsCommon.ts').Sorting;
-            };
-            legend: {};
-            other: {
-                frame: import('./types.ts').Frame | import('./types.ts').HeatmapFrame;
-                reverse: boolean;
-                facetSharedBy: "x" | "y" | "xy" | "none";
-                facetColumns: number;
-                binsCount: number;
-                groupingDirection: "straight" | "reverse";
-                groupingStack: "vertical" | "horizontal";
-            };
-        };
-        statisticsSettings: {
-            overall: {
-                data: {
-                    testMethod: null | string;
-                };
-                validity: {
-                    testMethod: boolean;
-                };
-            };
-            referenceGroup: {
-                data: {
-                    testMethod: null | string;
-                    referenceGroup: null | string;
-                    correctionMethod: string;
-                    format: "significance" | "pValue";
-                    ns: boolean;
-                };
-                validity: {
-                    testMethod: boolean;
-                    referenceGroup: boolean;
-                };
-            };
-            pairwise: {
-                data: {
-                    testMethod: null | string;
-                    correctionMethod: string;
-                    format: "significance" | "pValue";
-                    ns: boolean;
-                };
-                validity: {
-                    testMethod: boolean;
-                };
-            };
-        } | {
-            trend: {
-                on: boolean;
-                trim: boolean;
-                showLegend: boolean;
-            };
-        };
-        dataBindAes: import('./dataBindAes.ts').AestheticMappingState;
-        chartScale: number;
-        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;
-            y: number;
-            info: Record<string, string | number>[];
-        } | null;
-        dendroSelectedNodeId: null | number;
-        dataStateKey: unknown;
-        showTooltipHint: boolean;
-    };
+import { ComputedRef, Reactive, Ref } from 'vue';
+import { AesType } from './constantsCommon';
+import { GraphMakerProps, GraphMakerState, ReactiveState, UniqueValuesBySourceMap } from './types';
+import { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';
+export declare function createReactiveState(initialData: GraphMakerState, chartType: ChartType): Reactive<ReactiveState>;
+export interface Store {
+    reactive: Reactive<ReactiveState>;
     loading: {
         initialInputGuide: boolean;
         initialCharts: boolean;
@@ -1064,25 +17,21 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
         dendroTableData: boolean;
     };
     commonHelpersData: {
-        primaryGroups: ComputedRef<string[]>;
-        secondaryGroups: ComputedRef<string[]>;
+        primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;
+        secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;
         usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;
-        dendroTableData: Ref<Record<string, {
-            label: string;
-            spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
-            data: import('@milaboratories/pf-plots').PValue[];
-        }> | null, Record<string, {
-            label: string;
-            spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
-            data: import('@milaboratories/pf-plots').PValue[];
-        }> | null>;
+        dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;
     };
-    controller: import('@milaboratories/pf-plots').Controller<import('@milaboratories/pf-plots').InputStateParent<ChartType>>;
+    controller: ReturnType<typeof getControllerByType>;
     columnsDataStore: DemoDataStore | null;
-    inputGuide: Ref<InputGuide<InputState>, InputGuide<InputState>>;
-    chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
-    uniqueValuesData: Ref<UniqueValuesBySourceMap, UniqueValuesBySourceMap>;
-    filterLabelsInfo: Ref<Record<string, ListOption>, Record<string, ListOption>>;
-    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;
+    inputGuide: Ref<InputGuide<InputState>>;
+    chartData: Ref<PlotDataAndSettings | null>;
+    uniqueValuesData: Ref<UniqueValuesBySourceMap>;
+    filterLabelsInfo: Ref<Record<string, ListOption>>;
+    readonlyInputs?: InputNamesByChartType[ChartType][];
+}
+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>, filterLabelsInfo: Ref<Record<string, ListOption>>, readonlyInputs?: InputNamesByChartType[ChartType][]): Store;
+export type ComputedStore = ComputedRef<Store>;
+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<Store>;
+export declare function useStore(): ComputedStore;
+//# sourceMappingURL=store.d.ts.map