@milaboratories/graph-maker 1.1.53 → 1.1.55

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 (8) hide show
  1. package/dist/GraphMaker/components/DragAndDrop/types.d.ts +1 -0
  2. package/dist/GraphMaker/index.vue.d.ts +84 -0
  3. package/dist/GraphMaker/store.d.ts +10 -7
  4. package/dist/GraphMaker/types.d.ts +6 -0
  5. package/dist/graph-maker.js +9986 -9887
  6. package/dist/graph-maker.umd.cjs +928 -928
  7. package/dist/style.css +1 -1
  8. package/package.json +2 -2
package/dist/GraphMaker/components/DragAndDrop/types.d.ts CHANGED
@@ -18,6 +18,7 @@ export type DndBasketProps<T = any> = {
18
18
  isFilter?: boolean;
19
19
  required?: boolean;
20
20
  disabled: boolean;
21
+ readonly?: boolean;
21
22
  consistency: Record<string, boolean>;
22
23
  droppedIds: string[];
23
24
  availableIds: Set<string>;
package/dist/GraphMaker/index.vue.d.ts CHANGED
@@ -35,6 +35,12 @@ 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
+ };
41
+ readonlyInputs: {
42
+ type: import('vue').PropType<("y" | "primaryGrouping" | "secondaryGrouping" | "filters" | "tabBy" | "facetBy")[]>;
43
+ };
38
44
  } | {
39
45
  modelValue: {
40
46
  required: true;
@@ -66,6 +72,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
66
72
  labelsModifier: {
67
73
  type: import('vue').PropType<(id: string, label: string) => string>;
68
74
  };
75
+ dataColumnPredicate: {
76
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
77
+ };
78
+ readonlyInputs: {
79
+ type: import('vue').PropType<("label" | "size" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "shape" | "tooltipContent")[]>;
80
+ };
69
81
  } | {
70
82
  modelValue: {
71
83
  required: true;
@@ -97,6 +109,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
97
109
  labelsModifier: {
98
110
  type: import('vue').PropType<(id: string, label: string) => string>;
99
111
  };
112
+ dataColumnPredicate: {
113
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
114
+ };
115
+ readonlyInputs: {
116
+ type: import('vue').PropType<("label" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "tooltipContent")[]>;
117
+ };
100
118
  } | {
101
119
  modelValue: {
102
120
  required: true;
@@ -128,6 +146,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
128
146
  labelsModifier: {
129
147
  type: import('vue').PropType<(id: string, label: string) => string>;
130
148
  };
149
+ dataColumnPredicate: {
150
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
151
+ };
152
+ readonlyInputs: {
153
+ type: import('vue').PropType<("x" | "y" | "value" | "filters" | "tabBy" | "facetBy" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY")[]>;
154
+ };
131
155
  } | {
132
156
  modelValue: {
133
157
  required: true;
@@ -159,6 +183,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
159
183
  labelsModifier: {
160
184
  type: import('vue').PropType<(id: string, label: string) => string>;
161
185
  };
186
+ dataColumnPredicate: {
187
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
188
+ };
189
+ readonlyInputs: {
190
+ type: import('vue').PropType<("height" | "value" | "lineColor" | "filters" | "tabBy" | "facetBy" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup")[]>;
191
+ };
162
192
  } | {
163
193
  modelValue: {
164
194
  required: true;
@@ -190,6 +220,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
190
220
  labelsModifier: {
191
221
  type: import('vue').PropType<(id: string, label: string) => string>;
192
222
  };
223
+ dataColumnPredicate: {
224
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
225
+ };
226
+ readonlyInputs: {
227
+ type: import('vue').PropType<("value" | "filters" | "tabBy" | "facetBy")[]>;
228
+ };
193
229
  } | {
194
230
  modelValue: {
195
231
  required: true;
@@ -221,6 +257,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
221
257
  labelsModifier: {
222
258
  type: import('vue').PropType<(id: string, label: string) => string>;
223
259
  };
260
+ dataColumnPredicate: {
261
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
262
+ };
263
+ readonlyInputs: {
264
+ type: import('vue').PropType<never[]>;
265
+ };
224
266
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
225
267
  "tooltip-btn-click": (...args: any[]) => void;
226
268
  "delete-this-graph": (...args: any[]) => void;
@@ -255,6 +297,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
255
297
  labelsModifier: {
256
298
  type: import('vue').PropType<(id: string, label: string) => string>;
257
299
  };
300
+ dataColumnPredicate: {
301
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
302
+ };
303
+ readonlyInputs: {
304
+ type: import('vue').PropType<("y" | "primaryGrouping" | "secondaryGrouping" | "filters" | "tabBy" | "facetBy")[]>;
305
+ };
258
306
  } | {
259
307
  modelValue: {
260
308
  required: true;
@@ -286,6 +334,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
286
334
  labelsModifier: {
287
335
  type: import('vue').PropType<(id: string, label: string) => string>;
288
336
  };
337
+ dataColumnPredicate: {
338
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
339
+ };
340
+ readonlyInputs: {
341
+ type: import('vue').PropType<("label" | "size" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "shape" | "tooltipContent")[]>;
342
+ };
289
343
  } | {
290
344
  modelValue: {
291
345
  required: true;
@@ -317,6 +371,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
317
371
  labelsModifier: {
318
372
  type: import('vue').PropType<(id: string, label: string) => string>;
319
373
  };
374
+ dataColumnPredicate: {
375
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
376
+ };
377
+ readonlyInputs: {
378
+ type: import('vue').PropType<("label" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "tooltipContent")[]>;
379
+ };
320
380
  } | {
321
381
  modelValue: {
322
382
  required: true;
@@ -348,6 +408,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
348
408
  labelsModifier: {
349
409
  type: import('vue').PropType<(id: string, label: string) => string>;
350
410
  };
411
+ dataColumnPredicate: {
412
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
413
+ };
414
+ readonlyInputs: {
415
+ type: import('vue').PropType<("x" | "y" | "value" | "filters" | "tabBy" | "facetBy" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY")[]>;
416
+ };
351
417
  } | {
352
418
  modelValue: {
353
419
  required: true;
@@ -379,6 +445,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
379
445
  labelsModifier: {
380
446
  type: import('vue').PropType<(id: string, label: string) => string>;
381
447
  };
448
+ dataColumnPredicate: {
449
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
450
+ };
451
+ readonlyInputs: {
452
+ type: import('vue').PropType<("height" | "value" | "lineColor" | "filters" | "tabBy" | "facetBy" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup")[]>;
453
+ };
382
454
  } | {
383
455
  modelValue: {
384
456
  required: true;
@@ -410,6 +482,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
410
482
  labelsModifier: {
411
483
  type: import('vue').PropType<(id: string, label: string) => string>;
412
484
  };
485
+ dataColumnPredicate: {
486
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
487
+ };
488
+ readonlyInputs: {
489
+ type: import('vue').PropType<("value" | "filters" | "tabBy" | "facetBy")[]>;
490
+ };
413
491
  } | {
414
492
  modelValue: {
415
493
  required: true;
@@ -441,6 +519,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
441
519
  labelsModifier: {
442
520
  type: import('vue').PropType<(id: string, label: string) => string>;
443
521
  };
522
+ dataColumnPredicate: {
523
+ type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
524
+ };
525
+ readonlyInputs: {
526
+ type: import('vue').PropType<never[]>;
527
+ };
444
528
  }>> & Readonly<{
445
529
  "onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
446
530
  "onDelete-this-graph"?: ((...args: any[]) => any) | undefined;
package/dist/GraphMaker/store.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { Ref, ComputedRef, Reactive } from 'vue';
2
2
  import { GraphMakerProps, GraphMakerState, ReactiveState, UniqueValuesData } from './types.ts';
3
- import { DemoDataStore, InputGuide, InputState, PlotDataAndSettings, DendroStateController, ChartType } from '@milaboratories/pf-plots';
3
+ import { DemoDataStore, InputGuide, InputState, PlotDataAndSettings, DendroStateController, ChartType, InputNamesByChartType } 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;
@@ -319,7 +320,7 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
319
320
  } | null;
320
321
  dendroSelectedNodeId: null | number;
321
322
  };
322
- 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<Record<string, UniqueValuesData>>): {
323
+ 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<Record<string, UniqueValuesData>>, readonlyInputs?: InputNamesByChartType[ChartType][]): {
323
324
  reactive: {
324
325
  chartType: ChartType;
325
326
  template: import('./types.ts').LayersTemplate;
@@ -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: import('@milaboratories/pf-plots').PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
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: import('@milaboratories/pf-plots').PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
657
+ spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
657
658
  data: import('@milaboratories/pf-plots').PValue[];
658
659
  }> | null>;
659
660
  };
@@ -662,9 +663,10 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
662
663
  inputGuide: Ref<InputGuide<InputState>, InputGuide<InputState>>;
663
664
  chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
664
665
  uniqueValuesData: Ref<Record<string, UniqueValuesData>, Record<string, UniqueValuesData>>;
666
+ readonlyInputs: ("label" | "height" | "size" | "x" | "y" | "value" | "lineColor" | "primaryGrouping" | "secondaryGrouping" | "grouping" | "filters" | "tabBy" | "facetBy" | "shape" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup")[] | undefined;
665
667
  };
666
668
  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']>): ComputedRef<{
669
+ export declare function provideStore(initialState: GraphMakerState, dataStoreRef: Ref<DemoDataStore | null>, chartType: ChartType, defaultOptions: GraphMakerProps['defaultOptions'], fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>, dataColumnPredicate?: (spec: PColumnSpec) => boolean, readonlyInputs?: InputNamesByChartType[ChartType][]): ComputedRef<{
668
670
  reactive: {
669
671
  chartType: ChartType;
670
672
  template: import('./types.ts').LayersTemplate;
@@ -994,11 +996,11 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
994
996
  usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;
995
997
  dendroTableData: Ref<Record<string, {
996
998
  label: string;
997
- spec: import('@milaboratories/pf-plots').PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
999
+ spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
998
1000
  data: import('@milaboratories/pf-plots').PValue[];
999
1001
  }> | null, Record<string, {
1000
1002
  label: string;
1001
- spec: import('@milaboratories/pf-plots').PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
1003
+ spec: PColumnSpec | import('@milaboratories/pf-plots').AxisSpec;
1002
1004
  data: import('@milaboratories/pf-plots').PValue[];
1003
1005
  }> | null>;
1004
1006
  };
@@ -1007,5 +1009,6 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
1007
1009
  inputGuide: Ref<InputGuide<InputState>, InputGuide<InputState>>;
1008
1010
  chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
1009
1011
  uniqueValuesData: Ref<Record<string, UniqueValuesData>, Record<string, UniqueValuesData>>;
1012
+ readonlyInputs: ("label" | "height" | "size" | "x" | "y" | "value" | "lineColor" | "primaryGrouping" | "secondaryGrouping" | "grouping" | "filters" | "tabBy" | "facetBy" | "shape" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup")[] | undefined;
1010
1013
  }>;
1011
1014
  export declare function useStore(): Store;
package/dist/GraphMaker/types.d.ts CHANGED
@@ -33,6 +33,12 @@ 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;
40
+ /** Empty by default, all inputs from this list becomes disabled and fills only from defaults */
41
+ readonlyInputs?: InputNamesByChartType[T][];
36
42
  }
37
43
  export type GraphMakerProps = GraphMakerPropsTyped<'discrete'> | GraphMakerPropsTyped<'scatterplot'> | GraphMakerPropsTyped<'scatterplot-umap'> | GraphMakerPropsTyped<'heatmap'> | GraphMakerPropsTyped<'dendro'> | GraphMakerPropsTyped<'histogram'> | GraphMakerPropsTyped<'bubble'>;
38
44
  export type GraphMakerInputName<T extends ChartType> = InputNamesByChartType[T];