@milaboratories/graph-maker 1.1.79 → 1.1.80
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/components/DragAndDrop/DnDBasketChip.vue.d.ts +43 -0
- package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.d.ts +46 -22
- package/dist/GraphMaker/components/DragAndDrop/DndBasket.vue.d.ts +7 -5
- package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.d.ts +48 -24
- package/dist/GraphMaker/components/DragAndDrop/types.d.ts +22 -1
- package/dist/GraphMaker/forms/DataMappingForm/utils.d.ts +1 -1
- package/dist/GraphMaker/store.d.ts +3 -4
- package/dist/graph-maker.js +33182 -32061
- package/dist/graph-maker.umd.cjs +1056 -1049
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/GraphMaker/components/DragAndDrop/DndBasketChip.vue.d.ts +0 -25
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ChipInfo, FixedAxisData } from './types.ts';
|
|
2
|
+
import { ListOption } from '@platforma-sdk/ui-vue';
|
|
3
|
+
|
|
4
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
5
|
+
modelValue: import('vue').PropType<Record<string, FixedAxisData>>;
|
|
6
|
+
error: {
|
|
7
|
+
type: import('vue').PropType<boolean>;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
info: {
|
|
11
|
+
type: import('vue').PropType<ChipInfo>;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
sortable: {
|
|
15
|
+
type: import('vue').PropType<boolean>;
|
|
16
|
+
};
|
|
17
|
+
searchOptions: {
|
|
18
|
+
type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
"close-chip": (item: string) => void;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
24
|
+
modelValue: import('vue').PropType<Record<string, FixedAxisData>>;
|
|
25
|
+
error: {
|
|
26
|
+
type: import('vue').PropType<boolean>;
|
|
27
|
+
required: true;
|
|
28
|
+
};
|
|
29
|
+
info: {
|
|
30
|
+
type: import('vue').PropType<ChipInfo>;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
sortable: {
|
|
34
|
+
type: import('vue').PropType<boolean>;
|
|
35
|
+
};
|
|
36
|
+
searchOptions: {
|
|
37
|
+
type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
|
|
38
|
+
required: true;
|
|
39
|
+
};
|
|
40
|
+
}>> & Readonly<{
|
|
41
|
+
"onClose-chip"?: ((item: string) => any) | undefined;
|
|
42
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
43
|
+
export default _default;
|
|
@@ -1,27 +1,51 @@
|
|
|
1
|
-
import { ChipInfo } from './types.ts';
|
|
1
|
+
import { ChipInfo, FixedAxisData } from './types.ts';
|
|
2
|
+
import { ListOption } from '@platforma-sdk/ui-vue';
|
|
2
3
|
|
|
3
|
-
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
4
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
5
|
+
filter: {
|
|
6
|
+
required: true;
|
|
7
|
+
type: import('vue').PropType<any>;
|
|
8
|
+
};
|
|
9
|
+
fixedAxes: {
|
|
10
|
+
required: true;
|
|
11
|
+
type: import('vue').PropType<Record<string, FixedAxisData>>;
|
|
12
|
+
};
|
|
13
|
+
info: {
|
|
14
|
+
type: import('vue').PropType<ChipInfo>;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
error: {
|
|
18
|
+
type: import('vue').PropType<boolean>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
searchOptions: {
|
|
22
|
+
type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
|
|
23
|
+
required: true;
|
|
24
|
+
};
|
|
25
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
26
|
"close-chip": (id: string) => void;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
27
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
28
|
+
filter: {
|
|
29
|
+
required: true;
|
|
30
|
+
type: import('vue').PropType<any>;
|
|
31
|
+
};
|
|
32
|
+
fixedAxes: {
|
|
33
|
+
required: true;
|
|
34
|
+
type: import('vue').PropType<Record<string, FixedAxisData>>;
|
|
35
|
+
};
|
|
36
|
+
info: {
|
|
37
|
+
type: import('vue').PropType<ChipInfo>;
|
|
38
|
+
required: true;
|
|
39
|
+
};
|
|
40
|
+
error: {
|
|
41
|
+
type: import('vue').PropType<boolean>;
|
|
42
|
+
required: true;
|
|
43
|
+
};
|
|
44
|
+
searchOptions: {
|
|
45
|
+
type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
}>> & Readonly<{
|
|
15
49
|
"onClose-chip"?: ((id: string) => any) | undefined;
|
|
16
|
-
"onUpdate:modelValue"?: ((id: unknown) => any) | undefined;
|
|
17
50
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
18
51
|
export default _default;
|
|
19
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
20
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
21
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
22
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
23
|
-
} : {
|
|
24
|
-
type: import('vue').PropType<T[K]>;
|
|
25
|
-
required: true;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { DndBasketProps } from './types.ts';
|
|
1
|
+
import { DndBasketProps, SelectFilterValueEvent, SelectFixedAxisValueEvent } from './types.ts';
|
|
2
2
|
|
|
3
3
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DndBasketProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
4
4
|
"drop-item": (data: import('./types.ts').DropItemEvent<any>) => void;
|
|
5
5
|
"remove-item": (data: import('./types.ts').RemoveItemEvent<any>) => void;
|
|
6
|
-
"select-filter-value": (data:
|
|
7
|
-
"select-filter-range": (data:
|
|
6
|
+
"select-filter-value": (data: SelectFilterValueEvent) => void;
|
|
7
|
+
"select-filter-range": (data: SelectFilterValueEvent) => void;
|
|
8
|
+
"select-fixed-axis-value": (data: SelectFixedAxisValueEvent) => void;
|
|
8
9
|
reorder: (data: string[]) => void;
|
|
9
10
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DndBasketProps>>> & Readonly<{
|
|
10
11
|
"onDrop-item"?: ((data: import('./types.ts').DropItemEvent<any>) => any) | undefined;
|
|
11
12
|
"onRemove-item"?: ((data: import('./types.ts').RemoveItemEvent<any>) => any) | undefined;
|
|
12
|
-
"onSelect-filter-value"?: ((data:
|
|
13
|
-
"onSelect-filter-range"?: ((data:
|
|
13
|
+
"onSelect-filter-value"?: ((data: SelectFilterValueEvent) => any) | undefined;
|
|
14
|
+
"onSelect-filter-range"?: ((data: SelectFilterValueEvent) => any) | undefined;
|
|
15
|
+
"onSelect-fixed-axis-value"?: ((data: SelectFixedAxisValueEvent) => any) | undefined;
|
|
14
16
|
onReorder?: ((data: string[]) => any) | undefined;
|
|
15
17
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
16
18
|
export default _default;
|
|
@@ -1,29 +1,53 @@
|
|
|
1
|
-
import { ChipInfo } from './types.ts';
|
|
1
|
+
import { ChipInfo, FixedAxisData } from './types.ts';
|
|
2
|
+
import { ListOption } from '@platforma-sdk/ui-vue';
|
|
2
3
|
|
|
3
|
-
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
5
|
+
filter: {
|
|
6
|
+
required: true;
|
|
7
|
+
type: import('vue').PropType<any>;
|
|
8
|
+
};
|
|
9
|
+
fixedAxes: import('vue').PropType<Record<string, FixedAxisData>>;
|
|
10
|
+
info: {
|
|
11
|
+
type: import('vue').PropType<ChipInfo>;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
error: {
|
|
15
|
+
type: import('vue').PropType<boolean>;
|
|
16
|
+
required: true;
|
|
17
|
+
};
|
|
18
|
+
searchOptions: {
|
|
19
|
+
type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
sortable: {
|
|
23
|
+
type: import('vue').PropType<boolean>;
|
|
24
|
+
};
|
|
25
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
9
26
|
"close-chip": (id: string) => void;
|
|
10
|
-
"update:modelValue": (id: unknown) => void;
|
|
11
|
-
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
27
|
+
"update:modelValue:filter": (id: unknown) => void;
|
|
28
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
29
|
+
filter: {
|
|
30
|
+
required: true;
|
|
31
|
+
type: import('vue').PropType<any>;
|
|
32
|
+
};
|
|
33
|
+
fixedAxes: import('vue').PropType<Record<string, FixedAxisData>>;
|
|
34
|
+
info: {
|
|
35
|
+
type: import('vue').PropType<ChipInfo>;
|
|
36
|
+
required: true;
|
|
37
|
+
};
|
|
38
|
+
error: {
|
|
39
|
+
type: import('vue').PropType<boolean>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
searchOptions: {
|
|
43
|
+
type: import('vue').PropType<(axisId: string, searchStr: string) => Promise<ListOption<string>[]>>;
|
|
44
|
+
required: true;
|
|
45
|
+
};
|
|
46
|
+
sortable: {
|
|
47
|
+
type: import('vue').PropType<boolean>;
|
|
48
|
+
};
|
|
49
|
+
}>> & Readonly<{
|
|
17
50
|
"onClose-chip"?: ((id: string) => any) | undefined;
|
|
18
|
-
"onUpdate:modelValue"?: ((id: unknown) => any) | undefined;
|
|
51
|
+
"onUpdate:modelValue:filter"?: ((id: unknown) => any) | undefined;
|
|
19
52
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
20
53
|
export default _default;
|
|
21
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
22
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
23
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
24
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
25
|
-
} : {
|
|
26
|
-
type: import('vue').PropType<T[K]>;
|
|
27
|
-
required: true;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
2
|
import { ValueType } from '@platforma-sdk/model';
|
|
3
|
+
import { PValue } from '@milaboratories/pf-plots';
|
|
4
|
+
import { UniqueValuesData } from '../../types.ts';
|
|
3
5
|
|
|
4
6
|
export type ChipInfo = {
|
|
5
7
|
id: string;
|
|
@@ -10,6 +12,12 @@ export type ChipInfo = {
|
|
|
10
12
|
isDiscreteFilter: boolean;
|
|
11
13
|
availableBasketIds: Set<string>;
|
|
12
14
|
uniqueValues: string[];
|
|
15
|
+
axesToBeFixed: string[];
|
|
16
|
+
axesToBeFixedInfo: Record<string, {
|
|
17
|
+
title: string;
|
|
18
|
+
type: ValueType;
|
|
19
|
+
idx: number;
|
|
20
|
+
}>;
|
|
13
21
|
};
|
|
14
22
|
export type DndBasketProps<T = any> = {
|
|
15
23
|
id: T;
|
|
@@ -20,10 +28,12 @@ export type DndBasketProps<T = any> = {
|
|
|
20
28
|
disabled: boolean;
|
|
21
29
|
readonly?: boolean;
|
|
22
30
|
consistency: Record<string, boolean>;
|
|
31
|
+
labelsInfo: Record<string, UniqueValuesData>;
|
|
23
32
|
droppedIds: string[];
|
|
24
33
|
availableIds: Set<string>;
|
|
25
34
|
selectedFilters?: Record<string, string | undefined>;
|
|
26
35
|
selectedRanges?: Record<string, [number, number]>;
|
|
36
|
+
fixedAxes: Record<string, Record<string, FixedAxisData>>;
|
|
27
37
|
info: Record<string, ChipInfo>;
|
|
28
38
|
draggedId: string | null;
|
|
29
39
|
sortable?: boolean;
|
|
@@ -36,21 +46,32 @@ export type RemoveItemEvent<T = any> = {
|
|
|
36
46
|
chipId: ChipInfo['id'];
|
|
37
47
|
basketId: DndBasketProps<T>['id'];
|
|
38
48
|
};
|
|
49
|
+
export type FixedAxisData = {
|
|
50
|
+
axisIdx: number;
|
|
51
|
+
axisSource: string;
|
|
52
|
+
axisValue: PValue;
|
|
53
|
+
};
|
|
39
54
|
export type SelectFilterValueEvent = {
|
|
40
55
|
v: any;
|
|
41
|
-
idx:
|
|
56
|
+
idx: number;
|
|
57
|
+
};
|
|
58
|
+
export type SelectFixedAxisValueEvent = {
|
|
59
|
+
v: Record<string, FixedAxisData>;
|
|
60
|
+
idx: number;
|
|
42
61
|
};
|
|
43
62
|
export type DndBasketEmits = {
|
|
44
63
|
(e: 'drop-item', data: DropItemEvent): void;
|
|
45
64
|
(e: 'remove-item', data: RemoveItemEvent): void;
|
|
46
65
|
(e: 'select-filter-value', data: SelectFilterValueEvent): void;
|
|
47
66
|
(e: 'select-filter-range', data: SelectFilterValueEvent): void;
|
|
67
|
+
(e: 'select-fixed-axis-value', data: SelectFixedAxisValueEvent): void;
|
|
48
68
|
(e: 'reorder', data: ChipInfo['id'][]): void;
|
|
49
69
|
};
|
|
50
70
|
export type BasketProps<T extends Ref = Ref, Q = keyof T['value']> = DndBasketProps<Q> & {
|
|
51
71
|
listeners: {
|
|
52
72
|
'drop-item': (data: DropItemEvent) => void;
|
|
53
73
|
'remove-item': (data: RemoveItemEvent) => void;
|
|
74
|
+
'select-fixed-axis-value': (data: SelectFixedAxisValueEvent) => void;
|
|
54
75
|
'select-filter-value'?: (data: SelectFilterValueEvent) => void;
|
|
55
76
|
'select-filter-range'?: (data: SelectFilterValueEvent) => void;
|
|
56
77
|
'reorder'?: (data: ChipInfo['id'][]) => void;
|
|
@@ -10,7 +10,7 @@ type Option = {
|
|
|
10
10
|
/** Bidirectionally extracts selectedSource from the filter state,
|
|
11
11
|
* and preserve selectedFilterValue in unmodified items on write. */
|
|
12
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
|
-
export declare function toSimpleMulti(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null): Ref<string[]>;
|
|
13
|
+
export declare function toSimpleMulti(refToState: Ref<InputState>, inputName: keyof InputState['components'], controller: Controller<InputState>, store: DemoDataStore | null, refToInputGuide: Ref<InputGuide<InputState>>): 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> = {
|
|
16
16
|
[K in keyof State['components']]: Option[];
|
|
@@ -3,7 +3,6 @@ import { GraphMakerProps, GraphMakerState, ReactiveState, UniqueValuesData } fro
|
|
|
3
3
|
import { DemoDataStore, InputGuide, InputState, PlotDataAndSettings, DendroStateController, ChartType, InputNamesByChartType } from '@milaboratories/pf-plots';
|
|
4
4
|
import { AesType } from './constantsCommon.ts';
|
|
5
5
|
import { PColumnSpec } from '@platforma-sdk/model';
|
|
6
|
-
import { FormKey } from './forms';
|
|
7
6
|
|
|
8
7
|
export declare function createReactiveState(initialData: GraphMakerState, chartType: ChartType): {
|
|
9
8
|
chartType: ChartType;
|
|
@@ -321,7 +320,7 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
|
|
|
321
320
|
};
|
|
322
321
|
dataBindAes: import('./dataBindAes').AestheticMappingState;
|
|
323
322
|
chartScale: number;
|
|
324
|
-
currentTab: FormKey | null;
|
|
323
|
+
currentTab: import('./forms').FormKey | null;
|
|
325
324
|
dendroInfoByClick: {
|
|
326
325
|
x: number;
|
|
327
326
|
y: number;
|
|
@@ -646,7 +645,7 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
|
|
|
646
645
|
};
|
|
647
646
|
dataBindAes: import('./dataBindAes').AestheticMappingState;
|
|
648
647
|
chartScale: number;
|
|
649
|
-
currentTab: FormKey | null;
|
|
648
|
+
currentTab: import('./forms').FormKey | null;
|
|
650
649
|
dendroInfoByClick: {
|
|
651
650
|
x: number;
|
|
652
651
|
y: number;
|
|
@@ -1001,7 +1000,7 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
|
|
|
1001
1000
|
};
|
|
1002
1001
|
dataBindAes: import('./dataBindAes').AestheticMappingState;
|
|
1003
1002
|
chartScale: number;
|
|
1004
|
-
currentTab: FormKey | null;
|
|
1003
|
+
currentTab: import('./forms').FormKey | null;
|
|
1005
1004
|
dendroInfoByClick: {
|
|
1006
1005
|
x: number;
|
|
1007
1006
|
y: number;
|