npm - @milaboratories/graph-maker - Versions diffs - 1.0.5 - Mend

@milaboratories/graph-maker 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/dist/GraphMaker/store.d.ts ADDED Viewed

@@ -0,0 +1,850 @@
+import { Ref, ComputedRef, Reactive } from 'vue';
+import { GraphMakerSettings, ReactiveState } from './types.ts';
+import { DemoDataStore, InputGuide, InputState, PlotDataAndSettings, DendroStateController } from '@milaboratories/pf-plots';
+import { AesType } from './constant.ts';
+export declare function createReactiveState(initialData: GraphMakerSettings): {
+    chartType: import('@milaboratories/pf-plots').ChartType;
+    template: import('./types.ts').LayersTemplate;
+    optionsState: {
+        type: import('@milaboratories/pf-plots').ChartType;
+        components: {
+            [x: string]: import('@milaboratories/pf-plots').ComponentStateSimple | import('@milaboratories/pf-plots').ComponentStateFilter;
+        };
+        dividedAxes: Record<string, boolean>;
+    };
+    layersSettings: {
+        dendro: {
+            dotFill: string | {
+                type: string;
+                value?: string | undefined;
+            };
+            dotShape: import('./components/AesSettings/types').DotShape | {
+                type: string;
+                value?: string | undefined;
+            };
+            lineColor: string | {
+                type: string;
+                value?: string | undefined;
+            };
+            mode: "normal" | "useAllNodesAsLeaves";
+            leavesMode: "normal" | "alignLeavesToLine";
+            showTable: boolean;
+        };
+        heatmap: {
+            dendrogramX: boolean;
+            dendrogramY: boolean;
+        };
+        dots: {
+            dotFill: string | {
+                type: string;
+                value?: string | undefined;
+            } | null;
+            dotShape: import('./components/AesSettings/types').DotShape | {
+                type: string;
+                value?: string | undefined;
+            } | 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;
+        };
+        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;
+        };
+        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;
+            };
+            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;
+            };
+            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;
+        };
+    };
+    axesSettings: {
+        title: {
+            value: string;
+            position: import('./types.ts').TitlePosition;
+            facetTitleFrame: import('./types.ts').Frame;
+        };
+        axisX: {
+            labelsPosition: import('./types.ts').LabelsPosition;
+            labelsRotation: import('./types.ts').LabelsRotation;
+            axisLabelsAngle: 0 | 45 | 90;
+            titleMode: import('./types.ts').AxisTitleMode;
+            customTitle: string;
+            gridlines: boolean;
+            linesBetweenCategories: boolean;
+            ticks: boolean;
+            scale: import('./types.ts').Scale;
+        };
+        axisY: {
+            titleMode: import('./types.ts').AxisTitleMode;
+            customTitle: string;
+            axisLabelsAngle: 0 | 45 | 90;
+            gridlines: boolean;
+            ticks: boolean;
+            scale: import('./types.ts').Scale;
+        };
+        legend: {};
+        other: {
+            frame: import('./types.ts').Frame | import('./types.ts').HeatmapFrame;
+            reverse: boolean;
+            facetSharedBy: "x" | "y" | "xy" | "none";
+            facetColumns: number;
+        };
+    };
+    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;
+            };
+        };
+    };
+    dataBindAes: Record<string, import('./dataBindAes').AestheticMappingCategorical>;
+    chartScale: number;
+    dendroInfoByClick: {
+        x: number;
+        y: number;
+        info: Record<string, string | number>;
+    } | null;
+    dendroSelectedNodeId: null | number;
+};
+export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dataStore: DemoDataStore, inputGuide: Ref<InputGuide<InputState>>, chartData: Ref<PlotDataAndSettings | null>, dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>): {
+    reactive: {
+        chartType: import('@milaboratories/pf-plots').ChartType;
+        template: import('./types.ts').LayersTemplate;
+        optionsState: {
+            type: import('@milaboratories/pf-plots').ChartType;
+            components: {
+                [x: string]: import('@milaboratories/pf-plots').ComponentStateSimple | import('@milaboratories/pf-plots').ComponentStateFilter;
+            };
+            dividedAxes: Record<string, boolean>;
+        };
+        layersSettings: {
+            dendro: {
+                dotFill: string | {
+                    type: string;
+                    value?: string | undefined;
+                };
+                dotShape: import('./components/AesSettings/types').DotShape | {
+                    type: string;
+                    value?: string | undefined;
+                };
+                lineColor: string | {
+                    type: string;
+                    value?: string | undefined;
+                };
+                mode: "normal" | "useAllNodesAsLeaves";
+                leavesMode: "normal" | "alignLeavesToLine";
+                showTable: boolean;
+            };
+            heatmap: {
+                dendrogramX: boolean;
+                dendrogramY: boolean;
+            };
+            dots: {
+                dotFill: string | {
+                    type: string;
+                    value?: string | undefined;
+                } | null;
+                dotShape: import('./components/AesSettings/types').DotShape | {
+                    type: string;
+                    value?: string | undefined;
+                } | 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;
+            };
+            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;
+            };
+            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;
+                };
+                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;
+                };
+                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;
+            };
+        };
+        axesSettings: {
+            title: {
+                value: string;
+                position: import('./types.ts').TitlePosition;
+                facetTitleFrame: import('./types.ts').Frame;
+            };
+            axisX: {
+                labelsPosition: import('./types.ts').LabelsPosition;
+                labelsRotation: import('./types.ts').LabelsRotation;
+                axisLabelsAngle: 0 | 45 | 90;
+                titleMode: import('./types.ts').AxisTitleMode;
+                customTitle: string;
+                gridlines: boolean;
+                linesBetweenCategories: boolean;
+                ticks: boolean;
+                scale: import('./types.ts').Scale;
+            };
+            axisY: {
+                titleMode: import('./types.ts').AxisTitleMode;
+                customTitle: string;
+                axisLabelsAngle: 0 | 45 | 90;
+                gridlines: boolean;
+                ticks: boolean;
+                scale: import('./types.ts').Scale;
+            };
+            legend: {};
+            other: {
+                frame: import('./types.ts').Frame | import('./types.ts').HeatmapFrame;
+                reverse: boolean;
+                facetSharedBy: "x" | "y" | "xy" | "none";
+                facetColumns: number;
+            };
+        };
+        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;
+                };
+            };
+        };
+        dataBindAes: Record<string, import('./dataBindAes').AestheticMappingCategorical>;
+        chartScale: number;
+        dendroInfoByClick: {
+            x: number;
+            y: number;
+            info: Record<string, string | number>;
+        } | null;
+        dendroSelectedNodeId: null | number;
+    };
+    commonHelpersData: {
+        primaryGroups: ComputedRef<string[]>;
+        secondaryGroups: ComputedRef<string[]>;
+        usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;
+        dendroTableData: Ref<Record<string, {
+            label: string;
+            data: import('@milaboratories/pf-plots').PValue[];
+        }> | null, Record<string, {
+            label: string;
+            data: import('@milaboratories/pf-plots').PValue[];
+        }> | null>;
+    };
+    controller: import('@milaboratories/pf-plots').Controller<import('@milaboratories/pf-plots').InputStateParent<import('@milaboratories/pf-plots').ChartType>>;
+    columnsDataStore: DemoDataStore;
+    inputGuide: Ref<InputGuide<InputState>, InputGuide<InputState>>;
+    chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
+};
+export type Store = ComputedRef<ReturnType<typeof factoryStore>>;
+export declare function provideStore(settings: GraphMakerSettings, dataStoreRef: Ref<DemoDataStore>, fixedOptionsRef: Ref<GraphMakerSettings['fixedOptions']>): ComputedRef<{
+    reactive: {
+        chartType: import('@milaboratories/pf-plots').ChartType;
+        template: import('./types.ts').LayersTemplate;
+        optionsState: {
+            type: import('@milaboratories/pf-plots').ChartType;
+            components: {
+                [x: string]: import('@milaboratories/pf-plots').ComponentStateSimple | import('@milaboratories/pf-plots').ComponentStateFilter;
+            };
+            dividedAxes: Record<string, boolean>;
+        };
+        layersSettings: {
+            dendro: {
+                dotFill: string | {
+                    type: string;
+                    value?: string | undefined;
+                };
+                dotShape: import('./components/AesSettings/types').DotShape | {
+                    type: string;
+                    value?: string | undefined;
+                };
+                lineColor: string | {
+                    type: string;
+                    value?: string | undefined;
+                };
+                mode: "normal" | "useAllNodesAsLeaves";
+                leavesMode: "normal" | "alignLeavesToLine";
+                showTable: boolean;
+            };
+            heatmap: {
+                dendrogramX: boolean;
+                dendrogramY: boolean;
+            };
+            dots: {
+                dotFill: string | {
+                    type: string;
+                    value?: string | undefined;
+                } | null;
+                dotShape: import('./components/AesSettings/types').DotShape | {
+                    type: string;
+                    value?: string | undefined;
+                } | 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;
+            };
+            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;
+            };
+            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;
+                };
+                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;
+                };
+                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;
+            };
+        };
+        axesSettings: {
+            title: {
+                value: string;
+                position: import('./types.ts').TitlePosition;
+                facetTitleFrame: import('./types.ts').Frame;
+            };
+            axisX: {
+                labelsPosition: import('./types.ts').LabelsPosition;
+                labelsRotation: import('./types.ts').LabelsRotation;
+                axisLabelsAngle: 0 | 45 | 90;
+                titleMode: import('./types.ts').AxisTitleMode;
+                customTitle: string;
+                gridlines: boolean;
+                linesBetweenCategories: boolean;
+                ticks: boolean;
+                scale: import('./types.ts').Scale;
+            };
+            axisY: {
+                titleMode: import('./types.ts').AxisTitleMode;
+                customTitle: string;
+                axisLabelsAngle: 0 | 45 | 90;
+                gridlines: boolean;
+                ticks: boolean;
+                scale: import('./types.ts').Scale;
+            };
+            legend: {};
+            other: {
+                frame: import('./types.ts').Frame | import('./types.ts').HeatmapFrame;
+                reverse: boolean;
+                facetSharedBy: "x" | "y" | "xy" | "none";
+                facetColumns: number;
+            };
+        };
+        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;
+                };
+            };
+        };
+        dataBindAes: Record<string, import('./dataBindAes').AestheticMappingCategorical>;
+        chartScale: number;
+        dendroInfoByClick: {
+            x: number;
+            y: number;
+            info: Record<string, string | number>;
+        } | null;
+        dendroSelectedNodeId: null | number;
+    };
+    commonHelpersData: {
+        primaryGroups: ComputedRef<string[]>;
+        secondaryGroups: ComputedRef<string[]>;
+        usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;
+        dendroTableData: Ref<Record<string, {
+            label: string;
+            data: import('@milaboratories/pf-plots').PValue[];
+        }> | null, Record<string, {
+            label: string;
+            data: import('@milaboratories/pf-plots').PValue[];
+        }> | null>;
+    };
+    controller: import('@milaboratories/pf-plots').Controller<import('@milaboratories/pf-plots').InputStateParent<import('@milaboratories/pf-plots').ChartType>>;
+    columnsDataStore: DemoDataStore;
+    inputGuide: Ref<InputGuide<InputState>, InputGuide<InputState>>;
+    chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
+}>;
+export declare function useStore(): Store;