@milaboratories/graph-maker 1.1.54 → 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 +42 -0
  3. package/dist/GraphMaker/store.d.ts +5 -3
  4. package/dist/GraphMaker/types.d.ts +2 -0
  5. package/dist/graph-maker.js +9567 -9487
  6. package/dist/graph-maker.umd.cjs +929 -929
  7. package/dist/style.css +1 -1
  8. package/package.json +1 -1
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
@@ -38,6 +38,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
38
38
  dataColumnPredicate: {
39
39
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
40
40
  };
41
+ readonlyInputs: {
42
+ type: import('vue').PropType<("y" | "primaryGrouping" | "secondaryGrouping" | "filters" | "tabBy" | "facetBy")[]>;
43
+ };
41
44
  } | {
42
45
  modelValue: {
43
46
  required: true;
@@ -72,6 +75,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
72
75
  dataColumnPredicate: {
73
76
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
74
77
  };
78
+ readonlyInputs: {
79
+ type: import('vue').PropType<("label" | "size" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "shape" | "tooltipContent")[]>;
80
+ };
75
81
  } | {
76
82
  modelValue: {
77
83
  required: true;
@@ -106,6 +112,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
106
112
  dataColumnPredicate: {
107
113
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
108
114
  };
115
+ readonlyInputs: {
116
+ type: import('vue').PropType<("label" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "tooltipContent")[]>;
117
+ };
109
118
  } | {
110
119
  modelValue: {
111
120
  required: true;
@@ -140,6 +149,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
140
149
  dataColumnPredicate: {
141
150
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
142
151
  };
152
+ readonlyInputs: {
153
+ type: import('vue').PropType<("x" | "y" | "value" | "filters" | "tabBy" | "facetBy" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY")[]>;
154
+ };
143
155
  } | {
144
156
  modelValue: {
145
157
  required: true;
@@ -174,6 +186,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
174
186
  dataColumnPredicate: {
175
187
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
176
188
  };
189
+ readonlyInputs: {
190
+ type: import('vue').PropType<("height" | "value" | "lineColor" | "filters" | "tabBy" | "facetBy" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup")[]>;
191
+ };
177
192
  } | {
178
193
  modelValue: {
179
194
  required: true;
@@ -208,6 +223,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
208
223
  dataColumnPredicate: {
209
224
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
210
225
  };
226
+ readonlyInputs: {
227
+ type: import('vue').PropType<("value" | "filters" | "tabBy" | "facetBy")[]>;
228
+ };
211
229
  } | {
212
230
  modelValue: {
213
231
  required: true;
@@ -242,6 +260,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
242
260
  dataColumnPredicate: {
243
261
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
244
262
  };
263
+ readonlyInputs: {
264
+ type: import('vue').PropType<never[]>;
265
+ };
245
266
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
246
267
  "tooltip-btn-click": (...args: any[]) => void;
247
268
  "delete-this-graph": (...args: any[]) => void;
@@ -279,6 +300,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
279
300
  dataColumnPredicate: {
280
301
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
281
302
  };
303
+ readonlyInputs: {
304
+ type: import('vue').PropType<("y" | "primaryGrouping" | "secondaryGrouping" | "filters" | "tabBy" | "facetBy")[]>;
305
+ };
282
306
  } | {
283
307
  modelValue: {
284
308
  required: true;
@@ -313,6 +337,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
313
337
  dataColumnPredicate: {
314
338
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
315
339
  };
340
+ readonlyInputs: {
341
+ type: import('vue').PropType<("label" | "size" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "shape" | "tooltipContent")[]>;
342
+ };
316
343
  } | {
317
344
  modelValue: {
318
345
  required: true;
@@ -347,6 +374,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
347
374
  dataColumnPredicate: {
348
375
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
349
376
  };
377
+ readonlyInputs: {
378
+ type: import('vue').PropType<("label" | "x" | "y" | "grouping" | "filters" | "tabBy" | "facetBy" | "tooltipContent")[]>;
379
+ };
350
380
  } | {
351
381
  modelValue: {
352
382
  required: true;
@@ -381,6 +411,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
381
411
  dataColumnPredicate: {
382
412
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
383
413
  };
414
+ readonlyInputs: {
415
+ type: import('vue').PropType<("x" | "y" | "value" | "filters" | "tabBy" | "facetBy" | "tooltipContent" | "xGroupBy" | "yGroupBy" | "annotationsX" | "annotationsY")[]>;
416
+ };
384
417
  } | {
385
418
  modelValue: {
386
419
  required: true;
@@ -415,6 +448,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
415
448
  dataColumnPredicate: {
416
449
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
417
450
  };
451
+ readonlyInputs: {
452
+ type: import('vue').PropType<("height" | "value" | "lineColor" | "filters" | "tabBy" | "facetBy" | "labels" | "tableContent" | "nodeColor" | "nodeShape" | "nodeSize" | "heatmapForSequence" | "heatmapAnnotation" | "heatmapAxis" | "heatmapGroup")[]>;
453
+ };
418
454
  } | {
419
455
  modelValue: {
420
456
  required: true;
@@ -449,6 +485,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
449
485
  dataColumnPredicate: {
450
486
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
451
487
  };
488
+ readonlyInputs: {
489
+ type: import('vue').PropType<("value" | "filters" | "tabBy" | "facetBy")[]>;
490
+ };
452
491
  } | {
453
492
  modelValue: {
454
493
  required: true;
@@ -483,6 +522,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
483
522
  dataColumnPredicate: {
484
523
  type: import('vue').PropType<(spec: import('@milaboratories/pf-plots').PColumnSpec) => boolean>;
485
524
  };
525
+ readonlyInputs: {
526
+ type: import('vue').PropType<never[]>;
527
+ };
486
528
  }>> & Readonly<{
487
529
  "onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
488
530
  "onDelete-this-graph"?: ((...args: any[]) => any) | undefined;
package/dist/GraphMaker/store.d.ts CHANGED
@@ -1,6 +1,6 @@
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
5
  import { PColumnSpec } from '@platforma-sdk/model';
6
6
 
@@ -320,7 +320,7 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
320
320
  } | null;
321
321
  dendroSelectedNodeId: null | number;
322
322
  };
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>>): {
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][]): {
324
324
  reactive: {
325
325
  chartType: ChartType;
326
326
  template: import('./types.ts').LayersTemplate;
@@ -663,9 +663,10 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
663
663
  inputGuide: Ref<InputGuide<InputState>, InputGuide<InputState>>;
664
664
  chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
665
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;
666
667
  };
667
668
  export type Store = ComputedRef<ReturnType<typeof factoryStore>>;
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<{
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<{
669
670
  reactive: {
670
671
  chartType: ChartType;
671
672
  template: import('./types.ts').LayersTemplate;
@@ -1008,5 +1009,6 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
1008
1009
  inputGuide: Ref<InputGuide<InputState>, InputGuide<InputState>>;
1009
1010
  chartData: Ref<PlotDataAndSettings | null, PlotDataAndSettings | null>;
1010
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;
1011
1013
  }>;
1012
1014
  export declare function useStore(): Store;
package/dist/GraphMaker/types.d.ts CHANGED
@@ -37,6 +37,8 @@ export interface GraphMakerPropsTyped<T extends ChartType> {
37
37
  * '() => true' will allow all available columns.
38
38
  * '(spec:PColumnSpec) => spec.name === "ColumnName1" || spec.name === "ColumnName2"' will leave only columns with these two names */
39
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][];
40
42
  }
41
43
  export type GraphMakerProps = GraphMakerPropsTyped<'discrete'> | GraphMakerPropsTyped<'scatterplot'> | GraphMakerPropsTyped<'scatterplot-umap'> | GraphMakerPropsTyped<'heatmap'> | GraphMakerPropsTyped<'dendro'> | GraphMakerPropsTyped<'histogram'> | GraphMakerPropsTyped<'bubble'>;
42
44
  export type GraphMakerInputName<T extends ChartType> = InputNamesByChartType[T];