@milaboratories/graph-maker 1.1.19 → 1.1.21

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

@@ -0,0 +1,40 @@
+import { ChipInfo } from './types.ts';
+import { ValueType } from '@platforma-sdk/model';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    id: ChipInfo["id"];
+    title: string;
+    type: ValueType;
+    range: {
+        min: number;
+        max: number;
+    };
+    modelValue: unknown;
+    error: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "close-chip": (id: string) => void;
+    "update:modelValue": (id: unknown) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    id: ChipInfo["id"];
+    title: string;
+    type: ValueType;
+    range: {
+        min: number;
+        max: number;
+    };
+    modelValue: unknown;
+    error: boolean;
+}>>> & Readonly<{
+    "onClose-chip"?: ((id: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((id: unknown) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -4,11 +4,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "drop-item": (data: import('./types.ts').DropItemEvent<any>) => void;
     "remove-item": (data: import('./types.ts').RemoveItemEvent<any>) => void;
     "select-filter-value": (data: import('./types.ts').SelectFilterValueEvent) => void;
+    "select-filter-range": (data: import('./types.ts').SelectFilterValueEvent) => void;
     reorder: (data: string[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DndBasketProps>>> & Readonly<{
     "onDrop-item"?: ((data: import('./types.ts').DropItemEvent<any>) => any) | undefined;
     "onRemove-item"?: ((data: import('./types.ts').RemoveItemEvent<any>) => any) | undefined;
     "onSelect-filter-value"?: ((data: import('./types.ts').SelectFilterValueEvent) => any) | undefined;
+    "onSelect-filter-range"?: ((data: import('./types.ts').SelectFilterValueEvent) => any) | undefined;
     onReorder?: ((data: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,11 +1,12 @@
 import { ChipInfo } from './types.ts';
 import { ListOption } from '@platforma-sdk/ui-vue';
+import { ValueType } from '@platforma-sdk/model';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     id: ChipInfo["id"];
     title: string;
     options: ListOption[];
-    type: "string" | "number";
+    type: ValueType;
     modelValue: unknown;
     error: boolean;
     sortable?: boolean;
@@ -16,7 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     id: ChipInfo["id"];
     title: string;
     options: ListOption[];
-    type: "string" | "number";
+    type: ValueType;
     modelValue: unknown;
     error: boolean;
     sortable?: boolean;

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

@@ -1,12 +1,17 @@
 import { Ref } from 'vue';
+import { ValueType } from '@platforma-sdk/model';
 
 export type ChipInfo = {
     id: string;
     title: string;
-    type: 'string' | 'number';
+    type: ValueType;
     nonHomogenous: boolean;
     availableBasketIds: Set<string>;
     uniqueValues: string[];
+    range: {
+        min: number;
+        max: number;
+    };
     valueLabels: Record<string, string>;
 };
 export type DndBasketProps<T = any> = {
@@ -20,6 +25,7 @@ export type DndBasketProps<T = any> = {
     droppedIds: string[];
     availableIds: Set<string>;
     selectedFilters?: Record<string, string>;
+    selectedRanges?: Record<string, [number, number]>;
     info: Record<string, ChipInfo>;
     draggedId: string | null;
     sortable?: boolean;
@@ -40,6 +46,7 @@ export type DndBasketEmits = {
     (e: 'drop-item', data: DropItemEvent): void;
     (e: 'remove-item', data: RemoveItemEvent): void;
     (e: 'select-filter-value', data: SelectFilterValueEvent): void;
+    (e: 'select-filter-range', data: SelectFilterValueEvent): void;
     (e: 'reorder', data: ChipInfo['id'][]): void;
 };
 export type BasketProps<T extends Ref = Ref, Q = keyof T['value']> = DndBasketProps<Q> & {
@@ -47,6 +54,7 @@ export type BasketProps<T extends Ref = Ref, Q = keyof T['value']> = DndBasketPr
         'drop-item': (data: DropItemEvent) => void;
         'remove-item': (data: RemoveItemEvent) => void;
         'select-filter-value'?: (data: SelectFilterValueEvent) => void;
+        'select-filter-range'?: (data: SelectFilterValueEvent) => void;
         'reorder'?: (data: ChipInfo['id'][]) => void;
     };
 };

package/dist/GraphMaker/constant.d.ts

@@ -42,7 +42,7 @@ export type StatisticsState = {
         };
     };
 };
-export declare function getInitialStatisticsState(initialData?: StatisticsState): StatisticsState;
+export declare function getInitialStatisticsState(initialData?: Partial<StatisticsState>): StatisticsState;
 export type Range = {
     min: number;
     max: number;
@@ -56,8 +56,19 @@ export type DotShapeAes = DotShape | MappingLink;
 export type DotSizeAes = number | Range;
 export type LineTypeAes = LineType | MappingLink;
 export type FixedOrMappedAes = ColorAes | DotShapeAes | LineTypeAes;
-export declare function isRange(v: number | Range): v is Range;
-export declare function isMappedAes(item: FixedOrMappedAes | null | string | number | boolean | undefined): item is MappingLink;
+export type ContinuousDataMapping = {
+    column: string;
+    range: Range;
+};
+export type ColumnNameSchema = {
+    type: 'column';
+    value: string;
+    label?: string;
+    valueLabels?: string;
+};
+export declare function isRange(v: number | Range | null | undefined): v is Range;
+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 = {
     dendro: {
         dotFill: ColorAes;
@@ -76,6 +87,7 @@ export type LayersSettings = {
     dots: {
         dotFill: ColorAes | null;
         dotShape: DotShapeAes | null;
+        dotSize: ContinuousDataMapping | number | null;
     };
     curve: {
         smoothing: boolean;
@@ -152,7 +164,7 @@ export type LayersSettings = {
 };
 export declare const DEFAULT_LAYERS_SETTINGS: () => LayersSettings;
 export declare function getDefaultLayersSettings(): LayersSettings;
-export declare function getInitialLayersSettings(initialSettings?: LayersSettings): LayersSettings;
+export declare function getInitialLayersSettings(initialSettings?: Partial<LayersSettings>): LayersSettings;
 export type AxesState = {
     title: {
         value: string;
@@ -186,7 +198,7 @@ export type AxesState = {
         facetColumns: number;
     };
 };
-export declare function getInitialAxesSettings(chartType: ChartType, restoredAxesSettings?: AxesState): AxesState;
+export declare function getInitialAxesSettings(chartType: ChartType, initialAxesSettings?: Partial<AxesState>): AxesState;
 export declare const LAYER_ICONS: Record<LayersTemplate, Component>;
 type Option = {
     value: string;

package/dist/GraphMaker/dataBindAes.d.ts

@@ -1,6 +1,6 @@
 import { ContinuousPalette, DotShape, LineType, Palette } from './components/AesSettings/types.ts';
 import { InputGuide, InputState } from '@milaboratories/pf-plots';
-import { AesType, Range } from './constant.ts';
+import { AesType, ContinuousDataMapping, Range } from './constant.ts';
 
 export type AestheticMapping = AestheticMappingContinuous | AestheticMappingCategorical;
 interface MappingRange {
@@ -42,6 +42,7 @@ export declare const DEFAULT_DOT_RANGE: Range;
 export declare function updateAestheticMapping(values: (string | number)[], currentMapping?: AestheticMappingCategorical): AestheticMappingCategorical;
 export declare function createMappingFromPalette(palette: Palette, values: (string | number)[]): AestheticMappingCategorical;
 export declare function createDefaultMapping(values: (string | number)[]): AestheticMappingCategorical;
+export declare function createDefaultContinuousMapping(columnId: string): ContinuousDataMapping;
 export declare function getChartSettingsInheritedAes(inputGuide: InputGuide<InputState>, maybeMapping: AestheticMapping | undefined, sourceId: string | null, usedAesInMapping: Record<AesType, boolean>): {
     inheritedAes: {};
     order?: undefined;

package/dist/GraphMaker/forms/DataMappingForm/utils.d.ts

@@ -8,7 +8,7 @@ type Option = {
 };
 /** Bidirectionally extracts selectedSource from the filter state,
  * and preserve selectedFilterValue in unmodified items on write. */
-export declare function toFiltersMulti(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null, refToFilterOptions: Ref<Record<string, PValue[]>>): Ref<string[]>;
+export declare function toFiltersMulti(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null, refToFilterOptions: Ref<Record<string, PValue[]>>, getSourceInfo: (id: string) => ColumnData | AxisData): Ref<string[]>;
 export declare function toSimpleMulti(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null): Ref<string[]>;
 export declare function toSimpleSingle(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null): Ref<string | undefined>;
 export type AllStateOptions<State extends InputState> = {

package/dist/GraphMaker/forms/LayersForm/DotSizeSelector.vue.d.ts

@@ -0,0 +1,25 @@
+import { ContinuousDataMapping } from '../../constant.ts';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    selected?: number | ContinuousDataMapping;
+    possibleAesSourceInputs?: string[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "aes-update": (...args: any[]) => void;
+    "aes-selector-close": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    selected?: number | ContinuousDataMapping;
+    possibleAesSourceInputs?: string[];
+}>>> & Readonly<{
+    "onAes-update"?: ((...args: any[]) => any) | undefined;
+    "onAes-selector-close"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/GraphMaker/store.d.ts

@@ -49,6 +49,13 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
                 type: string;
                 value?: string | undefined;
             } | null;
+            dotSize: number | {
+                column: string;
+                range: {
+                    min: number;
+                    max: number;
+                };
+            } | null;
         };
         curve: {
             smoothing: boolean;
@@ -324,6 +331,13 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
                     type: string;
                     value?: string | undefined;
                 } | null;
+                dotSize: number | {
+                    column: string;
+                    range: {
+                        min: number;
+                        max: number;
+                    };
+                } | null;
             };
             curve: {
                 smoothing: boolean;
@@ -626,6 +640,13 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
                     type: string;
                     value?: string | undefined;
                 } | null;
+                dotSize: number | {
+                    column: string;
+                    range: {
+                        min: number;
+                        max: number;
+                    };
+                } | null;
             };
             curve: {
                 smoothing: boolean;

package/dist/GraphMaker/types.d.ts

@@ -1,5 +1,5 @@
 import { ChartType, InputState, InputNamesByChartType } from '@milaboratories/pf-plots';
-import { AxesState, getDefaultLayersSettings, LayersSettings, StatisticsState } from './constant.ts';
+import { AxesState, LayersSettings, StatisticsState } from './constant.ts';
 import { AestheticMappingCategorical } from './dataBindAes.ts';
 import { AxisSpec, PColumnSpec, PFrameDriver, PFrameHandle } from '@platforma-sdk/model';
 import { FormKey } from './forms';
@@ -9,9 +9,9 @@ export type GraphMakerState = {
     template: LayersTemplate;
     currentTab?: FormKey | null;
     optionsState?: InputState;
-    statisticsSettings?: StatisticsState;
-    axesSettings?: AxesState;
-    layersSettings?: ReturnType<typeof getDefaultLayersSettings>;
+    statisticsSettings?: Partial<StatisticsState>;
+    axesSettings?: Partial<AxesState>;
+    layersSettings?: Partial<LayersSettings>;
     dataBindAes?: Record<string, AestheticMappingCategorical>;
 };
 export type PredefinedGraphOption<T extends ChartType> = {

package/dist/GraphMaker/utils/getLayersDataFromForms.d.ts

@@ -1,12 +1,18 @@
-import { LayersSettings, MappingLink, StatisticsState } from '../constant.ts';
+import { Range, LayersSettings, MappingLink, StatisticsState } from '../constant.ts';
 import { LayersTemplate } from '../types.ts';
-import { ChartType, InputState } from '@milaboratories/pf-plots';
+import { ChartType, InputState, PlotDataAndSettings } from '@milaboratories/pf-plots';
 import { DotShape, LineType } from '../components/AesSettings/types.ts';
 
 export declare function getStatLayers(statisticsSettings: StatisticsState): ChartLayerSettings[];
 export type ChartLayerSettings = {
-    [key: string]: string | boolean | null | Record<string, string | DotShape | LineType | boolean | number | MappingLink> | undefined;
+    [key: string]: string | boolean | null | Record<string, string | DotShape | Range | {
+        domain: number[];
+        range: number[];
+    } | LineType | boolean | number | MappingLink> | undefined;
     type: string;
-    aes?: Record<string, string | DotShape | LineType | boolean | number | MappingLink>;
+    aes?: Record<string, string | DotShape | Range | {
+        domain: number[];
+        range: number[];
+    } | LineType | boolean | number | MappingLink>;
 };
-export declare function getChartLayersSettings(chartType: ChartType, template: LayersTemplate, layerSettings: LayersSettings, statisticsSettings: StatisticsState, optionsState: InputState): ChartLayerSettings[];
+export declare function getChartLayersSettings(chartType: ChartType, template: LayersTemplate, layerSettings: LayersSettings, statisticsSettings: StatisticsState, optionsState: InputState, settings: Record<string, unknown>, dataByColumns: PlotDataAndSettings['dataByColumns']): ChartLayerSettings[];