@milaboratories/graph-maker 1.1.52 → 1.1.54
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.
- package/dist/GraphMaker/forms/DataMappingForm/utils.d.ts +1 -1
- package/dist/GraphMaker/index.vue.d.ts +42 -0
- package/dist/GraphMaker/store.d.ts +6 -5
- package/dist/GraphMaker/types.d.ts +4 -0
- package/dist/graph-maker.js +6309 -6290
- package/dist/graph-maker.umd.cjs +875 -875
- package/package.json +2 -2
|
@@ -9,7 +9,7 @@ type Option = {
|
|
|
9
9
|
};
|
|
10
10
|
/** Bidirectionally extracts selectedSource from the filter state,
|
|
11
11
|
* and preserve selectedFilterValue in unmodified items on write. */
|
|
12
|
-
export declare function toFiltersMulti(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null,
|
|
12
|
+
export declare function toFiltersMulti(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null, refToInputGuide: Ref<InputGuide<InputState>>): Ref<string[]>;
|
|
13
13
|
export declare function toSimpleMulti(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null): Ref<string[]>;
|
|
14
14
|
export declare function toSimpleSingle(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null): Ref<string | undefined>;
|
|
15
15
|
export type AllStateOptions<State extends InputState> = {
|
|
@@ -35,6 +35,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
35
35
|
labelsModifier: {
|
|
36
36
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
37
37
|
};
|
|
38
|
+
dataColumnPredicate: {
|
|
39
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
40
|
+
};
|
|
38
41
|
} | {
|
|
39
42
|
modelValue: {
|
|
40
43
|
required: true;
|
|
@@ -66,6 +69,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
66
69
|
labelsModifier: {
|
|
67
70
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
68
71
|
};
|
|
72
|
+
dataColumnPredicate: {
|
|
73
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
74
|
+
};
|
|
69
75
|
} | {
|
|
70
76
|
modelValue: {
|
|
71
77
|
required: true;
|
|
@@ -97,6 +103,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
97
103
|
labelsModifier: {
|
|
98
104
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
99
105
|
};
|
|
106
|
+
dataColumnPredicate: {
|
|
107
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
108
|
+
};
|
|
100
109
|
} | {
|
|
101
110
|
modelValue: {
|
|
102
111
|
required: true;
|
|
@@ -128,6 +137,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
128
137
|
labelsModifier: {
|
|
129
138
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
130
139
|
};
|
|
140
|
+
dataColumnPredicate: {
|
|
141
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
142
|
+
};
|
|
131
143
|
} | {
|
|
132
144
|
modelValue: {
|
|
133
145
|
required: true;
|
|
@@ -159,6 +171,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
159
171
|
labelsModifier: {
|
|
160
172
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
161
173
|
};
|
|
174
|
+
dataColumnPredicate: {
|
|
175
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
176
|
+
};
|
|
162
177
|
} | {
|
|
163
178
|
modelValue: {
|
|
164
179
|
required: true;
|
|
@@ -190,6 +205,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
190
205
|
labelsModifier: {
|
|
191
206
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
192
207
|
};
|
|
208
|
+
dataColumnPredicate: {
|
|
209
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
210
|
+
};
|
|
193
211
|
} | {
|
|
194
212
|
modelValue: {
|
|
195
213
|
required: true;
|
|
@@ -221,6 +239,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
221
239
|
labelsModifier: {
|
|
222
240
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
223
241
|
};
|
|
242
|
+
dataColumnPredicate: {
|
|
243
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
244
|
+
};
|
|
224
245
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
225
246
|
"tooltip-btn-click": (...args: any[]) => void;
|
|
226
247
|
"delete-this-graph": (...args: any[]) => void;
|
|
@@ -255,6 +276,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
255
276
|
labelsModifier: {
|
|
256
277
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
257
278
|
};
|
|
279
|
+
dataColumnPredicate: {
|
|
280
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
281
|
+
};
|
|
258
282
|
} | {
|
|
259
283
|
modelValue: {
|
|
260
284
|
required: true;
|
|
@@ -286,6 +310,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
286
310
|
labelsModifier: {
|
|
287
311
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
288
312
|
};
|
|
313
|
+
dataColumnPredicate: {
|
|
314
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
315
|
+
};
|
|
289
316
|
} | {
|
|
290
317
|
modelValue: {
|
|
291
318
|
required: true;
|
|
@@ -317,6 +344,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
317
344
|
labelsModifier: {
|
|
318
345
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
319
346
|
};
|
|
347
|
+
dataColumnPredicate: {
|
|
348
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
349
|
+
};
|
|
320
350
|
} | {
|
|
321
351
|
modelValue: {
|
|
322
352
|
required: true;
|
|
@@ -348,6 +378,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
348
378
|
labelsModifier: {
|
|
349
379
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
350
380
|
};
|
|
381
|
+
dataColumnPredicate: {
|
|
382
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
383
|
+
};
|
|
351
384
|
} | {
|
|
352
385
|
modelValue: {
|
|
353
386
|
required: true;
|
|
@@ -379,6 +412,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
379
412
|
labelsModifier: {
|
|
380
413
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
381
414
|
};
|
|
415
|
+
dataColumnPredicate: {
|
|
416
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
417
|
+
};
|
|
382
418
|
} | {
|
|
383
419
|
modelValue: {
|
|
384
420
|
required: true;
|
|
@@ -410,6 +446,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
410
446
|
labelsModifier: {
|
|
411
447
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
412
448
|
};
|
|
449
|
+
dataColumnPredicate: {
|
|
450
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
451
|
+
};
|
|
413
452
|
} | {
|
|
414
453
|
modelValue: {
|
|
415
454
|
required: true;
|
|
@@ -441,6 +480,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
441
480
|
labelsModifier: {
|
|
442
481
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
443
482
|
};
|
|
483
|
+
dataColumnPredicate: {
|
|
484
|
+
type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
|
|
485
|
+
};
|
|
444
486
|
}>> & Readonly<{
|
|
445
487
|
"onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
|
|
446
488
|
"onDelete-this-graph"?: ((...args: any[]) => any) | undefined;
|
|
@@ -2,6 +2,7 @@ import { Ref, ComputedRef, Reactive } from 'vue';
|
|
|
2
2
|
import { GraphMakerProps, GraphMakerState, ReactiveState, UniqueValuesData } from './types.ts';
|
|
3
3
|
import { DemoDataStore, InputGuide, InputState, PlotDataAndSettings, DendroStateController, ChartType } from '@milaboratories/pf-plots';
|
|
4
4
|
import { AesType } from './constant.ts';
|
|
5
|
+
import { PColumnSpec } from '@platforma-sdk/model';
|
|
5
6
|
|
|
6
7
|
export declare function createReactiveState(initialData: GraphMakerState, chartType: ChartType): {
|
|
7
8
|
chartType: ChartType;
|
|
@@ -649,11 +650,11 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
|
|
|
649
650
|
usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;
|
|
650
651
|
dendroTableData: Ref<Record<string, {
|
|
651
652
|
label: string;
|
|
652
|
-
spec:
|
|
653
|
+
spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
|
|
653
654
|
data: import('@milaboratories/pf-plots').PValue[];
|
|
654
655
|
}> | null, Record<string, {
|
|
655
656
|
label: string;
|
|
656
|
-
spec:
|
|
657
|
+
spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
|
|
657
658
|
data: import('@milaboratories/pf-plots').PValue[];
|
|
658
659
|
}> | null>;
|
|
659
660
|
};
|
|
@@ -664,7 +665,7 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
|
|
|
664
665
|
uniqueValuesData: Ref<Record<string, UniqueValuesData>, Record<string, UniqueValuesData>>;
|
|
665
666
|
};
|
|
666
667
|
export type Store = ComputedRef<ReturnType<typeof factoryStore>>;
|
|
667
|
-
export declare function provideStore(initialState: GraphMakerState, dataStoreRef: Ref<DemoDataStore | null>, chartType: ChartType, defaultOptions: GraphMakerProps['defaultOptions'], fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']
|
|
668
|
+
export declare function provideStore(initialState: GraphMakerState, dataStoreRef: Ref<DemoDataStore | null>, chartType: ChartType, defaultOptions: GraphMakerProps['defaultOptions'], fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>, dataColumnPredicate?: (spec: PColumnSpec) => boolean): ComputedRef<{
|
|
668
669
|
reactive: {
|
|
669
670
|
chartType: ChartType;
|
|
670
671
|
template: import('./types.ts').LayersTemplate;
|
|
@@ -994,11 +995,11 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
|
|
|
994
995
|
usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;
|
|
995
996
|
dendroTableData: Ref<Record<string, {
|
|
996
997
|
label: string;
|
|
997
|
-
spec:
|
|
998
|
+
spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
|
|
998
999
|
data: import('@milaboratories/pf-plots').PValue[];
|
|
999
1000
|
}> | null, Record<string, {
|
|
1000
1001
|
label: string;
|
|
1001
|
-
spec:
|
|
1002
|
+
spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
|
|
1002
1003
|
data: import('@milaboratories/pf-plots').PValue[];
|
|
1003
1004
|
}> | null>;
|
|
1004
1005
|
};
|
|
@@ -33,6 +33,10 @@ export interface GraphMakerPropsTyped<T extends ChartType> {
|
|
|
33
33
|
driver?: PFrameDriver;
|
|
34
34
|
tooltipButton?: string;
|
|
35
35
|
labelsModifier?: (id: string, label: string) => string;
|
|
36
|
+
/** By default, dataColumnPredicate allows all the columns that don't have 'metadata' in name.
|
|
37
|
+
* '() => true' will allow all available columns.
|
|
38
|
+
* '(spec:PColumnSpec) => spec.name === "ColumnName1" || spec.name === "ColumnName2"' will leave only columns with these two names */
|
|
39
|
+
dataColumnPredicate?: (spec: PColumnSpec) => boolean;
|
|
36
40
|
}
|
|
37
41
|
export type GraphMakerProps = GraphMakerPropsTyped<'discrete'> | GraphMakerPropsTyped<'scatterplot'> | GraphMakerPropsTyped<'scatterplot-umap'> | GraphMakerPropsTyped<'heatmap'> | GraphMakerPropsTyped<'dendro'> | GraphMakerPropsTyped<'histogram'> | GraphMakerPropsTyped<'bubble'>;
|
|
38
42
|
export type GraphMakerInputName<T extends ChartType> = InputNamesByChartType[T];
|