@milaboratories/graph-maker 1.1.45 → 1.1.47

package/dist/GraphMaker/constant.d.ts

@@ -1,4 +1,4 @@
-import { AxisTitleMode, DeepPartial, DiscreteLayer, DiscreteLayersTemplate, Frame, HeatmapFrame, HeatmapLayer, HeatmapLayerTemplate, LabelsPosition, LabelsRotation, Layer, LayersTemplate, Scale, ScatterplotLayer, ScatterplotLayersTemplate, TitlePosition } from './types.ts';
+import { AxisTitleMode, DeepPartial, DiscreteLayer, DiscreteLayersTemplate, Frame, HeatmapFrame, HeatmapLayer, HeatmapLayerTemplate, HistogramLayer, HistogramLayerTemplate, LabelsPosition, LabelsRotation, Layer, LayersTemplate, Scale, ScatterplotLayer, ScatterplotLayersTemplate, TitlePosition } from './types.ts';
 import { ChartType } from '@milaboratories/pf-plots';
 import { Component } from 'vue';
 import { DotShape, LineType } from './components/AesSettings/types.ts';
@@ -18,6 +18,7 @@ export declare function getInitialTemplate(restoredTemplate: LayersTemplate | nu
 export declare const DISCRETE_TEMPLATES_MAP: Record<DiscreteLayersTemplate, DiscreteLayer[]>;
 export declare const SCATTERPLOT_TEMPLATES_MAP: Record<ScatterplotLayersTemplate, ScatterplotLayer[]>;
 export declare const HEATMAP_TEMPLATES_MAP: Record<HeatmapLayerTemplate, HeatmapLayer[]>;
+export declare const HISTOGRAM_TEMPLATES_MAP: Record<HistogramLayerTemplate, HistogramLayer[]>;
 export declare const LAYER_TITLES: Record<Layer, string>;
 export type DiscreteStatisticsState = {
     overall: {
@@ -89,6 +90,17 @@ export declare function isNumberRange(v: number | NumberRange | null | undefined
 export declare function isMappedAes(item: FixedOrMappedAes | null | string | number | boolean | unknown): item is MappingLink;
 export declare function isContinuousDataMapping(v: ContinuousDataMapping | number | null | undefined): v is ContinuousDataMapping;
 export type LayersSettings = {
+    bubble: {
+        minRadius: number;
+        maxRadius: number;
+        normalizationDirection: 'row' | 'column' | null;
+        normalizationMethod: 'standardScaling' | 'meanNormalization';
+        strokeColor: null | string;
+    };
+    bins: {
+        fillColor: ColorAes | null;
+        opacity: number;
+    };
     dendro: {
         dotFill: ColorAes;
         dotShape: DotShapeAes;
@@ -226,6 +238,7 @@ export type AxesState = {
         reverse: boolean;
         facetSharedBy: 'x' | 'y' | 'xy' | 'none';
         facetColumns: number;
+        binsCount: number;
     };
 };
 export declare function getInitialAxesSettings(chartType: ChartType, initialAxesSettings?: DeepPartial<AxesState>): AxesState;
@@ -238,4 +251,8 @@ export declare const STAT_TEST_METHOD: Option[];
 export declare const STAT_CORRECTION_METHOD: Option[];
 export declare const FORMAT_P_VALUE_OPTIONS: Option[];
 export type AesType = 'fill' | 'stroke' | 'dotShape' | 'lineType' | 'size';
+export declare const DEFAULT_WIDTH = 600;
+export declare const DEFAULT_HEIGHT = 350;
+export declare const DEFAULT_WIDTH_SMALL = 400;
+export declare const DEFAULT_HEIGHT_SMALL = 250;
 export {};

package/dist/GraphMaker/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/GraphMaker/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/GraphMaker/forms/DataMappingForm/BubbleForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/GraphMaker/forms/DataMappingForm/HistogramForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/GraphMaker/forms/LayersForm/Layer/Bubble.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/GraphMaker/forms/LayersForm/Layer/histogram/Bins.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -159,6 +159,68 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     labelsModifier: {
         type: import('vue').PropType<(id: string, label: string) => string>;
     };
+} | {
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<GraphMakerState>;
+    };
+    pFrame: {
+        type: import('vue').PropType<import('@platforma-sdk/model').PFrameHandle | undefined>;
+        required: true;
+    };
+    chartType: {
+        type: import('vue').PropType<"histogram">;
+        required: true;
+    };
+    defaultOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"histogram">[]>;
+    };
+    fixedOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"histogram">[]>;
+    };
+    allowChartDeleting: {
+        type: import('vue').PropType<boolean>;
+    };
+    driver: {
+        type: import('vue').PropType<PFrameDriver>;
+    };
+    tooltipButton: {
+        type: import('vue').PropType<string>;
+    };
+    labelsModifier: {
+        type: import('vue').PropType<(id: string, label: string) => string>;
+    };
+} | {
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<GraphMakerState>;
+    };
+    pFrame: {
+        type: import('vue').PropType<import('@platforma-sdk/model').PFrameHandle | undefined>;
+        required: true;
+    };
+    chartType: {
+        type: import('vue').PropType<"bubble">;
+        required: true;
+    };
+    defaultOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"bubble">[]>;
+    };
+    fixedOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"bubble">[]>;
+    };
+    allowChartDeleting: {
+        type: import('vue').PropType<boolean>;
+    };
+    driver: {
+        type: import('vue').PropType<PFrameDriver>;
+    };
+    tooltipButton: {
+        type: import('vue').PropType<string>;
+    };
+    labelsModifier: {
+        type: import('vue').PropType<(id: string, label: string) => string>;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "tooltip-btn-click": (...args: any[]) => void;
     "delete-this-graph": (...args: any[]) => void;
@@ -317,10 +379,72 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     labelsModifier: {
         type: import('vue').PropType<(id: string, label: string) => string>;
     };
+} | {
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<GraphMakerState>;
+    };
+    pFrame: {
+        type: import('vue').PropType<import('@platforma-sdk/model').PFrameHandle | undefined>;
+        required: true;
+    };
+    chartType: {
+        type: import('vue').PropType<"histogram">;
+        required: true;
+    };
+    defaultOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"histogram">[]>;
+    };
+    fixedOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"histogram">[]>;
+    };
+    allowChartDeleting: {
+        type: import('vue').PropType<boolean>;
+    };
+    driver: {
+        type: import('vue').PropType<PFrameDriver>;
+    };
+    tooltipButton: {
+        type: import('vue').PropType<string>;
+    };
+    labelsModifier: {
+        type: import('vue').PropType<(id: string, label: string) => string>;
+    };
+} | {
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<GraphMakerState>;
+    };
+    pFrame: {
+        type: import('vue').PropType<import('@platforma-sdk/model').PFrameHandle | undefined>;
+        required: true;
+    };
+    chartType: {
+        type: import('vue').PropType<"bubble">;
+        required: true;
+    };
+    defaultOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"bubble">[]>;
+    };
+    fixedOptions: {
+        type: import('vue').PropType<import('./types.ts').PredefinedGraphOption<"bubble">[]>;
+    };
+    allowChartDeleting: {
+        type: import('vue').PropType<boolean>;
+    };
+    driver: {
+        type: import('vue').PropType<PFrameDriver>;
+    };
+    tooltipButton: {
+        type: import('vue').PropType<string>;
+    };
+    labelsModifier: {
+        type: import('vue').PropType<(id: string, label: string) => string>;
+    };
 }>> & Readonly<{
     "onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
     "onDelete-this-graph"?: ((...args: any[]) => any) | undefined;
-}>, {} | {} | {} | {} | {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {} | {} | {} | {} | {} | {} | {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/GraphMaker/store.d.ts

@@ -14,6 +14,20 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
         dividedAxes: Record<string, boolean>;
     };
     layersSettings: {
+        bubble: {
+            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;
@@ -250,6 +264,7 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
             reverse: boolean;
             facetSharedBy: "x" | "y" | "xy" | "none";
             facetColumns: number;
+            binsCount: number;
         };
     };
     statisticsSettings: {
@@ -313,6 +328,20 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
             dividedAxes: Record<string, boolean>;
         };
         layersSettings: {
+            bubble: {
+                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;
@@ -549,6 +578,7 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
                 reverse: boolean;
                 facetSharedBy: "x" | "y" | "xy" | "none";
                 facetColumns: number;
+                binsCount: number;
             };
         };
         statisticsSettings: {
@@ -640,6 +670,20 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
             dividedAxes: Record<string, boolean>;
         };
         layersSettings: {
+            bubble: {
+                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;
@@ -876,6 +920,7 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
                 reverse: boolean;
                 facetSharedBy: "x" | "y" | "xy" | "none";
                 facetColumns: number;
+                binsCount: number;
             };
         };
         statisticsSettings: {

package/dist/GraphMaker/types.d.ts

@@ -34,7 +34,7 @@ export interface GraphMakerPropsTyped<T extends ChartType> {
     tooltipButton?: string;
     labelsModifier?: (id: string, label: string) => string;
 }
-export type GraphMakerProps = GraphMakerPropsTyped<'discrete'> | GraphMakerPropsTyped<'scatterplot'> | GraphMakerPropsTyped<'scatterplot-umap'> | GraphMakerPropsTyped<'heatmap'> | GraphMakerPropsTyped<'dendro'>;
+export type GraphMakerProps = GraphMakerPropsTyped<'discrete'> | GraphMakerPropsTyped<'scatterplot'> | GraphMakerPropsTyped<'scatterplot-umap'> | GraphMakerPropsTyped<'heatmap'> | GraphMakerPropsTyped<'dendro'> | GraphMakerPropsTyped<'histogram'> | GraphMakerPropsTyped<'bubble'>;
 export type GraphMakerInputName<T extends ChartType> = InputNamesByChartType[T];
 export type DendroNodeInfo = {
     x: number;
@@ -61,8 +61,12 @@ export type HeatmapLayer = 'heatmap' | 'heatmapClustered';
 export type HeatmapLayerTemplate = HeatmapLayer;
 export type DendroLayer = 'dendro';
 export type DendroLayerTemplate = DendroLayer;
-export type LayersTemplate = DiscreteLayersTemplate | ScatterplotLayersTemplate | HeatmapLayerTemplate | DendroLayerTemplate;
-export type Layer = DiscreteLayer | ScatterplotLayer | HeatmapLayer | DendroLayer;
+export type HistogramLayer = 'bins';
+export type HistogramLayerTemplate = HistogramLayer;
+export type BubbleLayer = 'bubble';
+export type BubbleLayerTemplate = BubbleLayer;
+export type LayersTemplate = DiscreteLayersTemplate | ScatterplotLayersTemplate | HeatmapLayerTemplate | DendroLayerTemplate | HistogramLayerTemplate | BubbleLayerTemplate;
+export type Layer = DiscreteLayer | ScatterplotLayer | HeatmapLayer | DendroLayer | HistogramLayer | BubbleLayer;
 export type TitlePosition = 'left' | 'right' | 'center';
 export type LabelsPosition = 'top' | 'bottom' | 'left' | 'right' | 'hidden';
 export type LabelsRotation = 'center' | '45deg' | '90deg';

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

@@ -0,0 +1,95 @@
+import { BubbleSettings } from '@milaboratories/miplots4';
+import { ReactiveState } from '../../types.ts';
+
+export declare function composeBubbleSettings(settings: BubbleSettings, reactiveState: ReactiveState): {
+    type: "bubble";
+    title: {
+        name: string;
+        show?: boolean | undefined;
+        position?: "left" | "center" | "right" | undefined;
+    };
+    valueSize: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    };
+    valueColor: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    };
+    xColumn: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    };
+    yColumn: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    };
+    aes?: {
+        colorsList?: string[] | undefined;
+        minRadius?: number | undefined;
+        maxRadius?: number | undefined;
+        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;
+    } | undefined;
+    tooltips?: {
+        show?: boolean | undefined;
+        content?: {
+            type: "column";
+            value: string;
+            label?: string | undefined;
+            valueLabels?: string | undefined;
+        }[] | undefined;
+    } | undefined;
+    frame?: {
+        type?: "left" | "bottom" | "left-bottom" | "full" | "empty" | undefined;
+    } | undefined;
+    facetSettings?: {
+        nRows?: number | undefined;
+        nCols?: number | undefined;
+    } | undefined;
+    xAxis?: {
+        title?: string | undefined;
+        position?: "top" | "bottom" | undefined;
+        showTicks?: boolean | undefined;
+        showTitle?: boolean | undefined;
+        showAxisLabels?: boolean | undefined;
+        axisLabelsAngle?: 0 | 45 | 90 | undefined;
+    } | undefined;
+    yAxis?: {
+        title?: string | undefined;
+        position?: "left" | "right" | undefined;
+        showTicks?: boolean | undefined;
+        showTitle?: boolean | undefined;
+        showAxisLabels?: boolean | undefined;
+        axisLabelsAngle?: 0 | 45 | 90 | undefined;
+    } | undefined;
+    facetBy?: {
+        type: "column";
+        value: string;
+        label?: string | undefined;
+        valueLabels?: string | undefined;
+    }[] | undefined;
+    normalization?: {
+        direction: "column" | "row";
+        method: "standardScaling" | "meanNormalization";
+        colorRange?: number[] | undefined;
+        sizeRange?: number[] | undefined;
+    } | undefined;
+};