@milaboratories/graph-maker 1.1.209 → 1.1.210
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/components/DragAndDrop/types.d.ts +1 -0
- package/dist/components/DragAndDrop/types.d.ts.map +1 -1
- package/dist/forms/DataMappingForm/BubbleForm.vue.js +20 -20
- package/dist/forms/DataMappingForm/DiscreteForm.vue.js +33 -33
- package/dist/forms/DataMappingForm/HeatmapForm.vue.js +17 -17
- package/dist/forms/DataMappingForm/HistogramForm.vue.js +16 -16
- package/dist/forms/DataMappingForm/Layout/OptionsList.vue.d.ts.map +1 -1
- package/dist/forms/DataMappingForm/Layout/OptionsList.vue.js +7 -45
- package/dist/forms/DataMappingForm/Layout/OptionsList.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/Layout/OptionsList.vue2.js +58 -2
- package/dist/forms/DataMappingForm/Layout/OptionsList.vue2.js.map +1 -1
- package/dist/forms/DataMappingForm/Layout/OptionsList.vue3.js +9 -0
- package/dist/forms/DataMappingForm/Layout/OptionsList.vue3.js.map +1 -0
- package/dist/forms/DataMappingForm/ScatterplotForm.vue.js +15 -15
- package/dist/forms/DataMappingForm/ScatterplotUmapForm.vue.js +23 -23
- package/dist/forms/DataMappingForm/utils.d.ts.map +1 -1
- package/dist/forms/DataMappingForm/utils.js +68 -64
- package/dist/forms/DataMappingForm/utils.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DragAndDrop/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC,YAAY,EAAE,MAAM,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DragAndDrop/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { defineComponent as z, computed as n, createBlock as G, openBlock as s, withCtx as i, createElementBlock as c, Fragment as D, renderList as E, unref as e, createVNode as r, mergeProps as
|
|
1
|
+
import { defineComponent as z, computed as n, createBlock as G, openBlock as s, withCtx as i, createElementBlock as c, Fragment as D, renderList as E, unref as e, createVNode as r, mergeProps as O, toHandlers as F, createElementVNode as y } from "vue";
|
|
2
2
|
import { useStore as k } from "../../store.js";
|
|
3
3
|
import { PlDropdown as B } from "@platforma-sdk/ui-vue";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
4
|
+
import L from "./Layout/FormLayout.vue.js";
|
|
5
|
+
import T from "./Layout/OptionsList.vue.js";
|
|
6
|
+
import U from "./Layout/MandatoryOptions.vue.js";
|
|
7
7
|
import { getErrorForPlDropdown as b } from "./utils.js";
|
|
8
8
|
import w from "../../components/DragAndDrop/DndBasket.vue.js";
|
|
9
9
|
import { useBaskets as A } from "./useBaskets.js";
|
|
10
|
-
const
|
|
10
|
+
const $ = { class: "data-form-input-item" }, h = {
|
|
11
11
|
class: "data-form-input-item",
|
|
12
12
|
style: { "margin-top": "10px" }
|
|
13
13
|
}, Q = /* @__PURE__ */ z({
|
|
14
14
|
__name: "BubbleForm",
|
|
15
15
|
setup(K) {
|
|
16
|
-
const a = k(),
|
|
16
|
+
const a = k(), g = [
|
|
17
17
|
"filters",
|
|
18
18
|
"x",
|
|
19
19
|
"y",
|
|
@@ -22,7 +22,7 @@ const L = { class: "data-form-input-item" }, h = {
|
|
|
22
22
|
"tooltipContent",
|
|
23
23
|
"tabBy",
|
|
24
24
|
"facetBy"
|
|
25
|
-
],
|
|
25
|
+
], S = {
|
|
26
26
|
filters: "Filter",
|
|
27
27
|
x: "X",
|
|
28
28
|
y: "Y",
|
|
@@ -33,9 +33,9 @@ const L = { class: "data-form-input-item" }, h = {
|
|
|
33
33
|
facetBy: "Facet by"
|
|
34
34
|
}, {
|
|
35
35
|
draggedId: p,
|
|
36
|
-
basketsData:
|
|
37
|
-
freeMetaOptions:
|
|
38
|
-
freeMandatoryOptions:
|
|
36
|
+
basketsData: V,
|
|
37
|
+
freeMetaOptions: C,
|
|
38
|
+
freeMandatoryOptions: _,
|
|
39
39
|
chipInfo: d,
|
|
40
40
|
dataStateValues: u,
|
|
41
41
|
dataOptions: m
|
|
@@ -44,8 +44,8 @@ const L = { class: "data-form-input-item" }, h = {
|
|
|
44
44
|
["valueColor", "valueSize"],
|
|
45
45
|
["filters", "tabBy"],
|
|
46
46
|
["x", "y", "xGroupBy", "yGroupBy", "tooltipContent", "facetBy"],
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
g,
|
|
48
|
+
S
|
|
49
49
|
), I = n(() => {
|
|
50
50
|
var t;
|
|
51
51
|
return ((t = a.value.readonlyInputs) == null ? void 0 : t.includes("valueColor")) ?? !1;
|
|
@@ -63,9 +63,9 @@ const L = { class: "data-form-input-item" }, h = {
|
|
|
63
63
|
u.value.valueSize.value = t;
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
|
-
return (t, l) => (s(), G(
|
|
66
|
+
return (t, l) => (s(), G(L, null, {
|
|
67
67
|
dataInputs: i(() => [
|
|
68
|
-
y("div",
|
|
68
|
+
y("div", $, [
|
|
69
69
|
r(e(B), {
|
|
70
70
|
modelValue: f.value,
|
|
71
71
|
"onUpdate:modelValue": l[0] || (l[0] = (o) => f.value = o),
|
|
@@ -89,25 +89,25 @@ const L = { class: "data-form-input-item" }, h = {
|
|
|
89
89
|
])
|
|
90
90
|
]),
|
|
91
91
|
mandatoryOptions: i(() => [
|
|
92
|
-
r(
|
|
93
|
-
options: e(
|
|
92
|
+
r(U, {
|
|
93
|
+
options: e(_),
|
|
94
94
|
chipInfo: e(d),
|
|
95
95
|
onDraggedIdUpdate: l[2] || (l[2] = (o) => p.value = o)
|
|
96
96
|
}, null, 8, ["options", "chipInfo"])
|
|
97
97
|
]),
|
|
98
98
|
metadataOptions: i(() => [
|
|
99
|
-
r(
|
|
100
|
-
options: e(
|
|
99
|
+
r(T, {
|
|
100
|
+
options: e(C),
|
|
101
101
|
chipInfo: e(d),
|
|
102
102
|
onDraggedIdUpdate: l[3] || (l[3] = (o) => p.value = o)
|
|
103
103
|
}, null, 8, ["options", "chipInfo"])
|
|
104
104
|
]),
|
|
105
105
|
chartVar: i(() => [
|
|
106
|
-
(s(!0), c(D, null, E(e(
|
|
106
|
+
(s(!0), c(D, null, E(e(V), (o) => (s(), c("div", {
|
|
107
107
|
key: o.id,
|
|
108
108
|
class: "data-form-input-item"
|
|
109
109
|
}, [
|
|
110
|
-
r(w,
|
|
110
|
+
r(w, O({ ref_for: !0 }, o, F(o.listeners)), null, 16)
|
|
111
111
|
]))), 128))
|
|
112
112
|
]),
|
|
113
113
|
_: 1
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { defineComponent as b, watch as V, computed as c, createBlock as G, openBlock as l, withCtx as n, createElementBlock as f, Fragment as S, renderList as D, unref as
|
|
2
|
-
import { PlDropdown as
|
|
3
|
-
import { useStore as
|
|
1
|
+
import { defineComponent as b, watch as V, computed as c, createBlock as G, openBlock as l, withCtx as n, createElementBlock as f, Fragment as S, renderList as D, unref as t, createVNode as i, mergeProps as E, toHandlers as O, createElementVNode as h } from "vue";
|
|
2
|
+
import { PlDropdown as k } from "@platforma-sdk/ui-vue";
|
|
3
|
+
import { useStore as F } from "../../store.js";
|
|
4
4
|
import { getErrorForPlDropdown as w } from "./utils.js";
|
|
5
5
|
import "../../constantsCommon.js";
|
|
6
6
|
import "../../constantsAesthetic.js";
|
|
7
7
|
import "d3-scale";
|
|
8
8
|
import "@milaboratories/pf-plots";
|
|
9
9
|
import "@platforma-sdk/model";
|
|
10
|
-
import { checkStatisticsInputsValidity as
|
|
10
|
+
import { checkStatisticsInputsValidity as L } from "../../utils/getStatisticsOptions.js";
|
|
11
11
|
import x from "../../components/DragAndDrop/DndBasket.vue.js";
|
|
12
12
|
import A from "./Layout/FormLayout.vue.js";
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import { useBaskets as
|
|
16
|
-
const C = { class: "data-form-input-item" },
|
|
13
|
+
import T from "./Layout/OptionsList.vue.js";
|
|
14
|
+
import U from "./Layout/MandatoryOptions.vue.js";
|
|
15
|
+
import { useBaskets as $ } from "./useBaskets.js";
|
|
16
|
+
const C = { class: "data-form-input-item" }, te = /* @__PURE__ */ b({
|
|
17
17
|
__name: "DiscreteForm",
|
|
18
18
|
setup(H) {
|
|
19
|
-
const
|
|
19
|
+
const r = F();
|
|
20
20
|
V(
|
|
21
|
-
() =>
|
|
22
|
-
|
|
21
|
+
() => r.value.commonHelpersData.primaryGroups.value,
|
|
22
|
+
L(r)
|
|
23
23
|
);
|
|
24
24
|
const y = [
|
|
25
25
|
"filters",
|
|
@@ -36,13 +36,13 @@ const C = { class: "data-form-input-item" }, oe = /* @__PURE__ */ b({
|
|
|
36
36
|
}, {
|
|
37
37
|
draggedId: p,
|
|
38
38
|
basketsData: v,
|
|
39
|
-
freeMetaOptions:
|
|
40
|
-
freeMandatoryOptions:
|
|
39
|
+
freeMetaOptions: B,
|
|
40
|
+
freeMandatoryOptions: _,
|
|
41
41
|
chipInfo: s,
|
|
42
42
|
dataStateValues: m,
|
|
43
43
|
dataOptions: I
|
|
44
|
-
} =
|
|
45
|
-
|
|
44
|
+
} = $(
|
|
45
|
+
r,
|
|
46
46
|
["y"],
|
|
47
47
|
["filters", "tabBy"],
|
|
48
48
|
["primaryGrouping", "secondaryGrouping", "facetBy"],
|
|
@@ -50,47 +50,47 @@ const C = { class: "data-form-input-item" }, oe = /* @__PURE__ */ b({
|
|
|
50
50
|
g
|
|
51
51
|
), u = c(() => {
|
|
52
52
|
var a;
|
|
53
|
-
return ((a =
|
|
53
|
+
return ((a = r.value.readonlyInputs) == null ? void 0 : a.includes("y")) ?? !1;
|
|
54
54
|
}), d = c({
|
|
55
55
|
get: () => m.value.y.value,
|
|
56
56
|
set: (a) => {
|
|
57
57
|
m.value.y.value = a;
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
|
-
return (a,
|
|
60
|
+
return (a, o) => (l(), G(A, null, {
|
|
61
61
|
dataInputs: n(() => [
|
|
62
|
-
|
|
63
|
-
i(
|
|
62
|
+
h("div", C, [
|
|
63
|
+
i(t(k), {
|
|
64
64
|
modelValue: d.value,
|
|
65
|
-
"onUpdate:modelValue":
|
|
66
|
-
options:
|
|
65
|
+
"onUpdate:modelValue": o[0] || (o[0] = (e) => d.value = e),
|
|
66
|
+
options: t(I).y,
|
|
67
67
|
disabled: u.value,
|
|
68
|
-
error:
|
|
68
|
+
error: t(w)("y", t(r).inputGuide.value),
|
|
69
69
|
label: "Y:",
|
|
70
70
|
clearable: !u.value
|
|
71
71
|
}, null, 8, ["modelValue", "options", "disabled", "error", "clearable"])
|
|
72
72
|
])
|
|
73
73
|
]),
|
|
74
74
|
mandatoryOptions: n(() => [
|
|
75
|
-
i(
|
|
76
|
-
options:
|
|
77
|
-
chipInfo:
|
|
78
|
-
onDraggedIdUpdate:
|
|
75
|
+
i(U, {
|
|
76
|
+
options: t(_),
|
|
77
|
+
chipInfo: t(s),
|
|
78
|
+
onDraggedIdUpdate: o[1] || (o[1] = (e) => p.value = e)
|
|
79
79
|
}, null, 8, ["options", "chipInfo"])
|
|
80
80
|
]),
|
|
81
81
|
metadataOptions: n(() => [
|
|
82
|
-
i(
|
|
83
|
-
options:
|
|
84
|
-
chipInfo:
|
|
85
|
-
onDraggedIdUpdate:
|
|
82
|
+
i(T, {
|
|
83
|
+
options: t(B),
|
|
84
|
+
chipInfo: t(s),
|
|
85
|
+
onDraggedIdUpdate: o[2] || (o[2] = (e) => p.value = e)
|
|
86
86
|
}, null, 8, ["options", "chipInfo"])
|
|
87
87
|
]),
|
|
88
88
|
chartVar: n(() => [
|
|
89
|
-
(l(!0), f(S, null, D(
|
|
89
|
+
(l(!0), f(S, null, D(t(v), (e) => (l(), f("div", {
|
|
90
90
|
key: e.id,
|
|
91
91
|
class: "data-form-input-item"
|
|
92
92
|
}, [
|
|
93
|
-
i(x, E({ ref_for: !0 }, e,
|
|
93
|
+
i(x, E({ ref_for: !0 }, e, O(e.listeners)), null, 16)
|
|
94
94
|
]))), 128))
|
|
95
95
|
]),
|
|
96
96
|
_: 1
|
|
@@ -98,6 +98,6 @@ const C = { class: "data-form-input-item" }, oe = /* @__PURE__ */ b({
|
|
|
98
98
|
}
|
|
99
99
|
});
|
|
100
100
|
export {
|
|
101
|
-
|
|
101
|
+
te as default
|
|
102
102
|
};
|
|
103
103
|
//# sourceMappingURL=DiscreteForm.vue.js.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as b, computed as m, createBlock as x, openBlock as i, withCtx as n, createElementBlock as f, Fragment as V, renderList as G, unref as o, createVNode as r, mergeProps as D, toHandlers as E, createElementVNode as
|
|
2
|
-
import { useStore as
|
|
3
|
-
import { PlDropdown as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { getErrorForPlDropdown as
|
|
1
|
+
import { defineComponent as b, computed as m, createBlock as x, openBlock as i, withCtx as n, createElementBlock as f, Fragment as V, renderList as G, unref as o, createVNode as r, mergeProps as D, toHandlers as E, createElementVNode as O } from "vue";
|
|
2
|
+
import { useStore as S } from "../../store.js";
|
|
3
|
+
import { PlDropdown as X } from "@platforma-sdk/ui-vue";
|
|
4
|
+
import Y from "./Layout/FormLayout.vue.js";
|
|
5
|
+
import A from "./Layout/OptionsList.vue.js";
|
|
6
|
+
import C from "./Layout/MandatoryOptions.vue.js";
|
|
7
|
+
import { getErrorForPlDropdown as F } from "./utils.js";
|
|
8
8
|
import k from "../../components/DragAndDrop/DndBasket.vue.js";
|
|
9
|
-
import { useBaskets as
|
|
10
|
-
const
|
|
9
|
+
import { useBaskets as L } from "./useBaskets.js";
|
|
10
|
+
const T = { class: "data-form-input-item" }, q = /* @__PURE__ */ b({
|
|
11
11
|
__name: "HeatmapForm",
|
|
12
12
|
setup(h) {
|
|
13
|
-
const l =
|
|
13
|
+
const l = S(), c = [
|
|
14
14
|
"filters",
|
|
15
15
|
"x",
|
|
16
16
|
"y",
|
|
@@ -40,7 +40,7 @@ const $ = { class: "data-form-input-item" }, q = /* @__PURE__ */ b({
|
|
|
40
40
|
chipInfo: u,
|
|
41
41
|
dataStateValues: p,
|
|
42
42
|
dataOptions: g
|
|
43
|
-
} =
|
|
43
|
+
} = L(
|
|
44
44
|
l,
|
|
45
45
|
["value"],
|
|
46
46
|
["filters", "tabBy"],
|
|
@@ -56,29 +56,29 @@ const $ = { class: "data-form-input-item" }, q = /* @__PURE__ */ b({
|
|
|
56
56
|
p.value.value.value = a;
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
|
-
return (a, e) => (i(), x(
|
|
59
|
+
return (a, e) => (i(), x(Y, null, {
|
|
60
60
|
dataInputs: n(() => [
|
|
61
|
-
|
|
62
|
-
r(o(
|
|
61
|
+
O("div", T, [
|
|
62
|
+
r(o(X), {
|
|
63
63
|
modelValue: d.value,
|
|
64
64
|
"onUpdate:modelValue": e[0] || (e[0] = (t) => d.value = t),
|
|
65
65
|
label: "Data source:",
|
|
66
66
|
clearable: "",
|
|
67
67
|
options: o(g).value,
|
|
68
68
|
disabled: I.value,
|
|
69
|
-
error: o(
|
|
69
|
+
error: o(F)("value", o(l).inputGuide.value)
|
|
70
70
|
}, null, 8, ["modelValue", "options", "disabled", "error"])
|
|
71
71
|
])
|
|
72
72
|
]),
|
|
73
73
|
mandatoryOptions: n(() => [
|
|
74
|
-
r(
|
|
74
|
+
r(C, {
|
|
75
75
|
options: o(_),
|
|
76
76
|
chipInfo: o(u),
|
|
77
77
|
onDraggedIdUpdate: e[1] || (e[1] = (t) => s.value = t)
|
|
78
78
|
}, null, 8, ["options", "chipInfo"])
|
|
79
79
|
]),
|
|
80
80
|
metadataOptions: n(() => [
|
|
81
|
-
r(
|
|
81
|
+
r(A, {
|
|
82
82
|
options: o(B),
|
|
83
83
|
chipInfo: o(u),
|
|
84
84
|
onDraggedIdUpdate: e[2] || (e[2] = (t) => s.value = t)
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as I, computed as f, createBlock as V, openBlock as i, withCtx as r, createElementBlock as c, Fragment as D, renderList as E, unref as t, createVNode as l, mergeProps as
|
|
1
|
+
import { defineComponent as I, computed as f, createBlock as V, openBlock as i, withCtx as r, createElementBlock as c, Fragment as D, renderList as E, unref as t, createVNode as l, mergeProps as O, toHandlers as S, createElementVNode as F } from "vue";
|
|
2
2
|
import { PlDropdown as k } from "@platforma-sdk/ui-vue";
|
|
3
|
-
import
|
|
3
|
+
import L from "./Layout/FormLayout.vue.js";
|
|
4
4
|
import { useStore as h } from "../../store.js";
|
|
5
5
|
import { getErrorForPlDropdown as w } from "./utils.js";
|
|
6
6
|
import x from "../../components/DragAndDrop/DndBasket.vue.js";
|
|
7
7
|
import { useBaskets as A } from "./useBaskets.js";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
const
|
|
8
|
+
import T from "./Layout/MandatoryOptions.vue.js";
|
|
9
|
+
import U from "./Layout/OptionsList.vue.js";
|
|
10
|
+
const $ = { class: "data-form-input-item" }, J = /* @__PURE__ */ I({
|
|
11
11
|
__name: "HistogramForm",
|
|
12
12
|
setup(C) {
|
|
13
13
|
const n = h(), v = [
|
|
@@ -22,9 +22,9 @@ const U = { class: "data-form-input-item" }, J = /* @__PURE__ */ I({
|
|
|
22
22
|
facetBy: "Facet by"
|
|
23
23
|
}, {
|
|
24
24
|
draggedId: s,
|
|
25
|
-
basketsData:
|
|
26
|
-
freeMetaOptions:
|
|
27
|
-
freeMandatoryOptions:
|
|
25
|
+
basketsData: y,
|
|
26
|
+
freeMetaOptions: B,
|
|
27
|
+
freeMandatoryOptions: _,
|
|
28
28
|
chipInfo: u,
|
|
29
29
|
dataStateValues: p,
|
|
30
30
|
dataOptions: b
|
|
@@ -44,9 +44,9 @@ const U = { class: "data-form-input-item" }, J = /* @__PURE__ */ I({
|
|
|
44
44
|
p.value.value.value = a;
|
|
45
45
|
}
|
|
46
46
|
});
|
|
47
|
-
return (a, o) => (i(), V(
|
|
47
|
+
return (a, o) => (i(), V(L, null, {
|
|
48
48
|
dataInputs: r(() => [
|
|
49
|
-
|
|
49
|
+
F("div", $, [
|
|
50
50
|
l(t(k), {
|
|
51
51
|
modelValue: m.value,
|
|
52
52
|
"onUpdate:modelValue": o[0] || (o[0] = (e) => m.value = e),
|
|
@@ -59,25 +59,25 @@ const U = { class: "data-form-input-item" }, J = /* @__PURE__ */ I({
|
|
|
59
59
|
])
|
|
60
60
|
]),
|
|
61
61
|
mandatoryOptions: r(() => [
|
|
62
|
-
l(
|
|
63
|
-
options: t(
|
|
62
|
+
l(T, {
|
|
63
|
+
options: t(_),
|
|
64
64
|
chipInfo: t(u),
|
|
65
65
|
onDraggedIdUpdate: o[1] || (o[1] = (e) => s.value = e)
|
|
66
66
|
}, null, 8, ["options", "chipInfo"])
|
|
67
67
|
]),
|
|
68
68
|
metadataOptions: r(() => [
|
|
69
|
-
l(
|
|
70
|
-
options: t(
|
|
69
|
+
l(U, {
|
|
70
|
+
options: t(B),
|
|
71
71
|
chipInfo: t(u),
|
|
72
72
|
onDraggedIdUpdate: o[2] || (o[2] = (e) => s.value = e)
|
|
73
73
|
}, null, 8, ["options", "chipInfo"])
|
|
74
74
|
]),
|
|
75
75
|
chartVar: r(() => [
|
|
76
|
-
(i(!0), c(D, null, E(t(
|
|
76
|
+
(i(!0), c(D, null, E(t(y), (e) => (i(), c("div", {
|
|
77
77
|
key: e.id,
|
|
78
78
|
class: "data-form-input-item"
|
|
79
79
|
}, [
|
|
80
|
-
l(x,
|
|
80
|
+
l(x, O({ ref_for: !0 }, e, S(e.listeners)), null, 16)
|
|
81
81
|
]))), 128))
|
|
82
82
|
]),
|
|
83
83
|
_: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsList.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/DataMappingForm/Layout/OptionsList.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OptionsList.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/DataMappingForm/Layout/OptionsList.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAKrE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE,EAAE,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;;;;;;WADQ,MAAM;;AAiKhB,wBAQG"}
|
|
@@ -1,48 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}, b = { class: "title" }, B = { class: "metadata-block__search" }, D = { class: "metadata-block__items" }, E = /* @__PURE__ */ p({
|
|
8
|
-
__name: "OptionsList",
|
|
9
|
-
props: {
|
|
10
|
-
options: {},
|
|
11
|
-
chipInfo: {},
|
|
12
|
-
title: { default: "Metadata" }
|
|
13
|
-
},
|
|
14
|
-
emits: ["dragged-id-update"],
|
|
15
|
-
setup(a, { emit: F }) {
|
|
16
|
-
const l = a, u = s(() => l.options.length === 0), r = f(), c = s(() => {
|
|
17
|
-
var e;
|
|
18
|
-
const n = ((e = r.value) == null ? void 0 : e.toLowerCase()) ?? "";
|
|
19
|
-
return l.options.filter((t) => {
|
|
20
|
-
const o = l.chipInfo[t.id].title ?? "";
|
|
21
|
-
return o == null ? void 0 : o.toLowerCase().includes(n);
|
|
22
|
-
});
|
|
23
|
-
});
|
|
24
|
-
return (n, e) => u.value ? g("", !0) : (i(), m("div", $, [
|
|
25
|
-
d("div", b, v(a.title), 1),
|
|
26
|
-
d("div", B, [
|
|
27
|
-
_(h(L), {
|
|
28
|
-
modelValue: r.value,
|
|
29
|
-
"onUpdate:modelValue": e[0] || (e[0] = (t) => r.value = t),
|
|
30
|
-
placeholder: "Find...",
|
|
31
|
-
clearable: ""
|
|
32
|
-
}, null, 8, ["modelValue"])
|
|
33
|
-
]),
|
|
34
|
-
d("div", D, [
|
|
35
|
-
(i(!0), m(k, null, V(c.value, ({ id: t }) => (i(), y(C, {
|
|
36
|
-
key: t,
|
|
37
|
-
info: a.chipInfo[t],
|
|
38
|
-
onDragstart: e[1] || (e[1] = (o) => n.$emit("dragged-id-update", o)),
|
|
39
|
-
onDragend: e[2] || (e[2] = (o) => n.$emit("dragged-id-update", null))
|
|
40
|
-
}, null, 8, ["info"]))), 128))
|
|
41
|
-
])
|
|
42
|
-
]));
|
|
43
|
-
}
|
|
44
|
-
});
|
|
1
|
+
import s from "./OptionsList.vue2.js";
|
|
2
|
+
import o from "./OptionsList.vue3.js";
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const r = {
|
|
5
|
+
$style: o
|
|
6
|
+
}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
|
|
45
7
|
export {
|
|
46
|
-
|
|
8
|
+
f as default
|
|
47
9
|
};
|
|
48
10
|
//# sourceMappingURL=OptionsList.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsList.vue.js","sources":[
|
|
1
|
+
{"version":3,"file":"OptionsList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,5 +1,61 @@
|
|
|
1
|
-
import f from "
|
|
1
|
+
import { defineComponent as w, computed as d, ref as p, createElementBlock as f, createCommentVNode as h, openBlock as r, createElementVNode as u, toDisplayString as v, createVNode as C, unref as g, createBlock as k, Fragment as y, renderList as $, normalizeClass as B, withCtx as L, createTextVNode as S } from "vue";
|
|
2
|
+
import I from "../../../components/DragAndDrop/DndChip.vue.js";
|
|
3
|
+
import { PlSearchField as M, PlBtnGhost as N } from "@platforma-sdk/ui-vue";
|
|
4
|
+
const b = {
|
|
5
|
+
key: 0,
|
|
6
|
+
class: "metadata-block"
|
|
7
|
+
}, D = { class: "title" }, F = { class: "metadata-block__search" }, x = { class: "metadata-block__items" }, G = /* @__PURE__ */ w({
|
|
8
|
+
__name: "OptionsList",
|
|
9
|
+
props: {
|
|
10
|
+
options: {},
|
|
11
|
+
chipInfo: {},
|
|
12
|
+
title: { default: "Metadata" }
|
|
13
|
+
},
|
|
14
|
+
emits: ["dragged-id-update"],
|
|
15
|
+
setup(i, { emit: E }) {
|
|
16
|
+
const n = i, V = d(() => n.options.length === 0), l = p(), m = d(() => n.options.filter((o) => !n.chipInfo[o.id].hasHangingAxes)), a = p(!1), _ = d(() => {
|
|
17
|
+
var e;
|
|
18
|
+
const o = ((e = l.value) == null ? void 0 : e.toLowerCase()) ?? "";
|
|
19
|
+
return o.length > 0 ? n.options.filter((s) => {
|
|
20
|
+
const t = n.chipInfo[s.id].title ?? "";
|
|
21
|
+
return t == null ? void 0 : t.toLowerCase().includes(o);
|
|
22
|
+
}) : a.value ? n.options : m.value;
|
|
23
|
+
});
|
|
24
|
+
return (o, e) => {
|
|
25
|
+
var s;
|
|
26
|
+
return V.value ? h("", !0) : (r(), f("div", b, [
|
|
27
|
+
u("div", D, v(i.title), 1),
|
|
28
|
+
u("div", F, [
|
|
29
|
+
C(g(M), {
|
|
30
|
+
modelValue: l.value,
|
|
31
|
+
"onUpdate:modelValue": e[0] || (e[0] = (t) => l.value = t),
|
|
32
|
+
placeholder: "Find...",
|
|
33
|
+
clearable: ""
|
|
34
|
+
}, null, 8, ["modelValue"])
|
|
35
|
+
]),
|
|
36
|
+
u("div", x, [
|
|
37
|
+
(r(!0), f(y, null, $(_.value, ({ id: t }) => (r(), k(I, {
|
|
38
|
+
key: t,
|
|
39
|
+
info: i.chipInfo[t],
|
|
40
|
+
onDragstart: e[1] || (e[1] = (c) => o.$emit("dragged-id-update", c)),
|
|
41
|
+
onDragend: e[2] || (e[2] = (c) => o.$emit("dragged-id-update", null))
|
|
42
|
+
}, null, 8, ["info"]))), 128)),
|
|
43
|
+
m.value.length > 0 && !((s = l.value) != null && s.length) ? (r(), k(g(N), {
|
|
44
|
+
key: 0,
|
|
45
|
+
class: B(o.$style.showMoreButton),
|
|
46
|
+
onClick: e[3] || (e[3] = (t) => a.value = !a.value)
|
|
47
|
+
}, {
|
|
48
|
+
default: L(() => [
|
|
49
|
+
S(v(a.value ? "Show less" : "Show more"), 1)
|
|
50
|
+
]),
|
|
51
|
+
_: 1
|
|
52
|
+
}, 8, ["class"])) : h("", !0)
|
|
53
|
+
])
|
|
54
|
+
]));
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
});
|
|
2
58
|
export {
|
|
3
|
-
|
|
59
|
+
G as default
|
|
4
60
|
};
|
|
5
61
|
//# sourceMappingURL=OptionsList.vue2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsList.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"OptionsList.vue2.js","sources":["../../../../src/forms/DataMappingForm/Layout/OptionsList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChipInfo } from '../../../components/DragAndDrop/types';\nimport type { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed, ref } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\nimport { PlBtnGhost, PlSearchField } from '@platforma-sdk/ui-vue';\n\nconst props = withDefaults(defineProps<{\n options: { id: string; info: AxisData | ColumnData }[];\n chipInfo: Record<string, ChipInfo>;\n title?: string;\n}>(), { title: 'Metadata' });\n\nconst _emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length === 0);\n\nconst searchModel = ref();\n\nconst optionsShortList = computed(() => {\n return props.options.filter((el) => {\n return !props.chipInfo[el.id].hasHangingAxes;\n });\n});\n\nconst showMore = ref(false);\n\nconst optionsRendered = computed(() => {\n const searchValue = searchModel.value?.toLowerCase() ?? '';\n if (searchValue.length > 0) {\n return props.options.filter((el) => {\n const label = props.chipInfo[el.id].title ?? '';\n return label?.toLowerCase().includes(searchValue);\n });\n }\n return showMore.value ? props.options : optionsShortList.value;\n});\n\n</script>\n\n<template>\n <div v-if=\"!empty\" class=\"metadata-block\">\n <div class=\"title\">{{ title }}</div>\n <div class=\"metadata-block__search\">\n <PlSearchField v-model=\"searchModel\" placeholder=\"Find...\" clearable />\n </div>\n <div class=\"metadata-block__items\">\n <DndChip\n v-for=\"{ id } in optionsRendered\"\n :key=\"id\"\n :info=\"chipInfo[id]\"\n @dragstart=\"(draggedId) => $emit('dragged-id-update', draggedId)\"\n @dragend=\"$emit('dragged-id-update', null)\"\n />\n <PlBtnGhost v-if=\"optionsShortList.length > 0 && !searchModel?.length\" :class=\"$style.showMoreButton\" @click=\"showMore = !showMore\">{{ showMore ? 'Show less' : 'Show more' }}</PlBtnGhost>\n </div>\n </div>\n</template>\n<style module>\n.showMoreButton {\n align-self: center;\n min-width: 80px;\n}\n</style>\n"],"names":["props","__props","empty","computed","searchModel","ref","optionsShortList","el","showMore","optionsRendered","searchValue","_a","label","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","_createVNode","_unref","PlSearchField","$event","_hoisted_4","_Fragment","_renderList","id","_createBlock","DndChip","_cache","draggedId","$emit","PlBtnGhost","_normalizeClass","$style"],"mappings":";;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAQRC,IAAQC,EAAS,MAAMH,EAAM,QAAQ,WAAW,CAAC,GAEjDI,IAAcC,EAAA,GAEdC,IAAmBH,EAAS,MACzBH,EAAM,QAAQ,OAAO,CAACO,MACpB,CAACP,EAAM,SAASO,EAAG,EAAE,EAAE,cAC/B,CACF,GAEKC,IAAWH,EAAI,EAAK,GAEpBI,IAAkBN,EAAS,MAAM;;AACrC,YAAMO,MAAcC,IAAAP,EAAY,UAAZ,gBAAAO,EAAmB,kBAAiB;AACxD,aAAID,EAAY,SAAS,IAChBV,EAAM,QAAQ,OAAO,CAACO,MAAO;AAClC,cAAMK,IAAQZ,EAAM,SAASO,EAAG,EAAE,EAAE,SAAS;AAC7C,eAAOK,KAAA,gBAAAA,EAAO,cAAc,SAASF;AAAA,MACvC,CAAC,IAEIF,EAAS,QAAQR,EAAM,UAAUM,EAAiB;AAAA,IAC3D,CAAC;;;aAKaJ,EAAA,qBAAZW,KAAAC,EAeM,OAfNC,GAeM;AAAA,QAdJC,EAAoC,OAApCC,GAAoCC,EAAdjB,EAAA,KAAK,GAAA,CAAA;AAAA,QAC3Be,EAEM,OAFNG,GAEM;AAAA,UADJC,EAAuEC,EAAAC,CAAA,GAAA;AAAA,wBAA/ClB,EAAA;AAAA,0DAAAA,EAAW,QAAAmB;AAAA,YAAE,aAAY;AAAA,YAAU,WAAA;AAAA,UAAA;;QAE7DP,EASM,OATNQ,GASM;AAAA,kBARJV,EAMEW,GAAA,MAAAC,EALiBjB,EAAA,OAAe,CAAA,EAAvB,IAAAkB,EAAA,YADXC,EAMEC,GAAA;AAAA,YAJC,KAAKF;AAAA,YACL,MAAM1B,EAAA,SAAS0B,CAAE;AAAA,YACjB,aAASG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAcC,EAAAA,2BAA2BD,CAAS;AAAA,YAC9D,kCAASC,EAAAA,MAAK,qBAAA,IAAA;AAAA,UAAA;UAEC1B,EAAA,MAAiB,SAAM,KAAA,GAASK,IAAAP,EAAA,UAAA,QAAAO,EAAa,gBAA/DiB,EAA2LP,EAAAY,CAAA,GAAA;AAAA;YAAnH,OAAKC,EAAEC,EAAAA,OAAO,cAAc;AAAA,YAAG,SAAKL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAP,MAAEf,EAAA,QAAQ,CAAIA,EAAA;AAAA,UAAA;uBAAU,MAA0C;AAAA,kBAAvCA,EAAA,QAAQ,cAAA,WAAA,GAAA,CAAA;AAAA,YAAA;;;;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._showMoreButton_ydz3i_2{align-self:center;min-width:80px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
const o = "_showMoreButton_ydz3i_2", t = {
|
|
3
|
+
showMoreButton: o
|
|
4
|
+
};
|
|
5
|
+
export {
|
|
6
|
+
t as default,
|
|
7
|
+
o as showMoreButton
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=OptionsList.vue3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OptionsList.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { defineComponent as S, computed as i, createBlock as C, openBlock as p, withCtx as s, createElementBlock as g, Fragment as
|
|
2
|
-
import { useStore as
|
|
1
|
+
import { defineComponent as S, computed as i, createBlock as C, openBlock as p, withCtx as s, createElementBlock as g, Fragment as O, renderList as E, unref as o, createVNode as l, mergeProps as L, toHandlers as k, createElementVNode as y } from "vue";
|
|
2
|
+
import { useStore as z } from "../../store.js";
|
|
3
3
|
import { PlDropdown as v } from "@platforma-sdk/ui-vue";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import D from "../../components/DragAndDrop/DndBasket.vue.js";
|
|
5
|
+
import F from "./Layout/FormLayout.vue.js";
|
|
6
6
|
import T from "./Layout/OptionsList.vue.js";
|
|
7
7
|
import U from "./Layout/MandatoryOptions.vue.js";
|
|
8
|
-
import { useBaskets as
|
|
9
|
-
const
|
|
8
|
+
import { useBaskets as A } from "./useBaskets.js";
|
|
9
|
+
const $ = { class: "data-form-input-item" }, w = {
|
|
10
10
|
class: "data-form-input-item",
|
|
11
11
|
style: { "margin-top": "10px" }
|
|
12
12
|
}, J = /* @__PURE__ */ S({
|
|
13
13
|
__name: "ScatterplotForm",
|
|
14
14
|
setup(H) {
|
|
15
|
-
const r =
|
|
15
|
+
const r = z(), b = ["filters", "highlight", "grouping", "size", "shape", "tooltipContent", "label", "tabBy", "facetBy"], h = {
|
|
16
16
|
filters: "Filter",
|
|
17
17
|
highlight: "Highlight",
|
|
18
18
|
grouping: "Grouping / Color",
|
|
@@ -24,13 +24,13 @@ const A = { class: "data-form-input-item" }, w = {
|
|
|
24
24
|
facetBy: "Facet by"
|
|
25
25
|
}, {
|
|
26
26
|
draggedId: u,
|
|
27
|
-
basketsData:
|
|
28
|
-
freeMetaOptions:
|
|
27
|
+
basketsData: B,
|
|
28
|
+
freeMetaOptions: _,
|
|
29
29
|
freeMandatoryOptions: V,
|
|
30
30
|
chipInfo: d,
|
|
31
31
|
dataStateValues: n,
|
|
32
32
|
dataOptions: m
|
|
33
|
-
} =
|
|
33
|
+
} = A(
|
|
34
34
|
r,
|
|
35
35
|
["x", "y"],
|
|
36
36
|
["filters", "tabBy", "highlight"],
|
|
@@ -54,9 +54,9 @@ const A = { class: "data-form-input-item" }, w = {
|
|
|
54
54
|
n.value.y.value = t;
|
|
55
55
|
}
|
|
56
56
|
});
|
|
57
|
-
return (t, a) => (p(), C(
|
|
57
|
+
return (t, a) => (p(), C(F, null, {
|
|
58
58
|
dataInputs: s(() => [
|
|
59
|
-
y("div",
|
|
59
|
+
y("div", $, [
|
|
60
60
|
l(o(v), {
|
|
61
61
|
modelValue: f.value,
|
|
62
62
|
"onUpdate:modelValue": a[0] || (a[0] = (e) => f.value = e),
|
|
@@ -86,17 +86,17 @@ const A = { class: "data-form-input-item" }, w = {
|
|
|
86
86
|
]),
|
|
87
87
|
metadataOptions: s(() => [
|
|
88
88
|
l(T, {
|
|
89
|
-
options: o(
|
|
89
|
+
options: o(_),
|
|
90
90
|
chipInfo: o(d),
|
|
91
91
|
onDraggedIdUpdate: a[3] || (a[3] = (e) => u.value = e)
|
|
92
92
|
}, null, 8, ["options", "chipInfo"])
|
|
93
93
|
]),
|
|
94
94
|
chartVar: s(() => [
|
|
95
|
-
(p(!0), g(
|
|
95
|
+
(p(!0), g(O, null, E(o(B), (e) => (p(), g("div", {
|
|
96
96
|
key: e.id,
|
|
97
97
|
class: "data-form-input-item"
|
|
98
98
|
}, [
|
|
99
|
-
l(
|
|
99
|
+
l(D, L({ ref_for: !0 }, e, k(e.listeners)), null, 16)
|
|
100
100
|
]))), 128))
|
|
101
101
|
]),
|
|
102
102
|
_: 1
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { defineComponent as S, computed as i, createBlock as C, openBlock as u, withCtx as
|
|
2
|
-
import { useStore as
|
|
1
|
+
import { defineComponent as S, computed as i, createBlock as C, openBlock as u, withCtx as s, createElementBlock as c, Fragment as O, renderList as E, unref as o, createVNode as a, mergeProps as L, toHandlers as U, createElementVNode as v } from "vue";
|
|
2
|
+
import { useStore as k } from "../../store.js";
|
|
3
3
|
import { PlDropdown as y } from "@platforma-sdk/ui-vue";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import z from "../../components/DragAndDrop/DndBasket.vue.js";
|
|
5
|
+
import D from "./Layout/FormLayout.vue.js";
|
|
6
6
|
import T from "./Layout/OptionsList.vue.js";
|
|
7
|
-
import
|
|
8
|
-
import { useBaskets as
|
|
9
|
-
const
|
|
7
|
+
import A from "./Layout/MandatoryOptions.vue.js";
|
|
8
|
+
import { useBaskets as F } from "./useBaskets.js";
|
|
9
|
+
const $ = { class: "data-form-input-item" }, w = {
|
|
10
10
|
class: "data-form-input-item",
|
|
11
11
|
style: { "margin-top": "10px" }
|
|
12
12
|
}, J = /* @__PURE__ */ S({
|
|
13
13
|
__name: "ScatterplotUmapForm",
|
|
14
14
|
setup(H) {
|
|
15
|
-
const
|
|
15
|
+
const r = k(), b = ["filters", "highlight", "grouping", "size", "tabBy", "tooltipContent", "label"], h = {
|
|
16
16
|
filters: "Filter",
|
|
17
17
|
highlight: "Highlight",
|
|
18
18
|
grouping: "Grouping / Color",
|
|
@@ -22,25 +22,25 @@ const F = { class: "data-form-input-item" }, w = {
|
|
|
22
22
|
label: "Label"
|
|
23
23
|
}, {
|
|
24
24
|
draggedId: p,
|
|
25
|
-
basketsData:
|
|
25
|
+
basketsData: _,
|
|
26
26
|
freeMetaOptions: V,
|
|
27
27
|
freeMandatoryOptions: I,
|
|
28
28
|
chipInfo: d,
|
|
29
29
|
dataStateValues: n,
|
|
30
30
|
dataOptions: m
|
|
31
|
-
} =
|
|
32
|
-
|
|
31
|
+
} = F(
|
|
32
|
+
r,
|
|
33
33
|
["x", "y"],
|
|
34
34
|
["filters", "tabBy", "highlight"],
|
|
35
35
|
["grouping", "size", "tooltipContent", "label"],
|
|
36
36
|
b,
|
|
37
|
-
|
|
37
|
+
h
|
|
38
38
|
), x = i(() => {
|
|
39
39
|
var t;
|
|
40
|
-
return ((t =
|
|
40
|
+
return ((t = r.value.readonlyInputs) == null ? void 0 : t.includes("x")) ?? !1;
|
|
41
41
|
}), B = i(() => {
|
|
42
42
|
var t;
|
|
43
|
-
return ((t =
|
|
43
|
+
return ((t = r.value.readonlyInputs) == null ? void 0 : t.includes("y")) ?? !1;
|
|
44
44
|
}), f = i({
|
|
45
45
|
get: () => n.value.x.value,
|
|
46
46
|
set: (t) => {
|
|
@@ -52,9 +52,9 @@ const F = { class: "data-form-input-item" }, w = {
|
|
|
52
52
|
n.value.y.value = t;
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
|
-
return (t, l) => (u(), C(
|
|
56
|
-
dataInputs:
|
|
57
|
-
v("div",
|
|
55
|
+
return (t, l) => (u(), C(D, null, {
|
|
56
|
+
dataInputs: s(() => [
|
|
57
|
+
v("div", $, [
|
|
58
58
|
a(o(y), {
|
|
59
59
|
modelValue: f.value,
|
|
60
60
|
"onUpdate:modelValue": l[0] || (l[0] = (e) => f.value = e),
|
|
@@ -75,26 +75,26 @@ const F = { class: "data-form-input-item" }, w = {
|
|
|
75
75
|
}, null, 8, ["modelValue", "options", "disabled"])
|
|
76
76
|
])
|
|
77
77
|
]),
|
|
78
|
-
mandatoryOptions:
|
|
79
|
-
a(
|
|
78
|
+
mandatoryOptions: s(() => [
|
|
79
|
+
a(A, {
|
|
80
80
|
options: o(I),
|
|
81
81
|
chipInfo: o(d),
|
|
82
82
|
onDraggedIdUpdate: l[2] || (l[2] = (e) => p.value = e)
|
|
83
83
|
}, null, 8, ["options", "chipInfo"])
|
|
84
84
|
]),
|
|
85
|
-
metadataOptions:
|
|
85
|
+
metadataOptions: s(() => [
|
|
86
86
|
a(T, {
|
|
87
87
|
options: o(V),
|
|
88
88
|
chipInfo: o(d),
|
|
89
89
|
onDraggedIdUpdate: l[3] || (l[3] = (e) => p.value = e)
|
|
90
90
|
}, null, 8, ["options", "chipInfo"])
|
|
91
91
|
]),
|
|
92
|
-
chartVar:
|
|
93
|
-
(u(!0), c(
|
|
92
|
+
chartVar: s(() => [
|
|
93
|
+
(u(!0), c(O, null, E(o(_), (e) => (u(), c("div", {
|
|
94
94
|
key: e.id,
|
|
95
95
|
class: "data-form-input-item"
|
|
96
96
|
}, [
|
|
97
|
-
a(
|
|
97
|
+
a(z, L({ ref_for: !0 }, e, U(e.listeners)), null, 16)
|
|
98
98
|
]))), 128))
|
|
99
99
|
]),
|
|
100
100
|
_: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/forms/DataMappingForm/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAGV,UAAU,EACV,aAAa,EACb,UAAU,EACV,UAAU,EACX,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C;oEACoE;AACpE,wBAAgB,cAAc,CAC5B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,EAC3B,SAAS,EAAE,MAAM,UAAU,CAAC,YAAY,CAAC,EACzC,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,EAClC,KAAK,EAAE,aAAa,GAAG,IAAI,EAC3B,eAAe,EAAE,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,GAC3C,GAAG,CAAC,MAAM,EAAE,CAAC,CAiCf;AAED,wBAAgB,aAAa,CAC3B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,EAC3B,SAAS,EAAE,MAAM,UAAU,CAAC,YAAY,CAAC,EACzC,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,EAClC,KAAK,EAAE,aAAa,GAAG,IAAI,GAC1B,GAAG,CAAC,MAAM,EAAE,CAAC,CAoBf;AAED,wBAAgB,cAAc,CAC5B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,EAC3B,SAAS,EAAE,MAAM,UAAU,CAAC,YAAY,CAAC,EACzC,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,EAClC,KAAK,EAAE,aAAa,GAAG,IAAI,GAC1B,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAYzB;AAED,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,UAAU,IAAI;KACrD,CAAC,IAAI,MAAM,KAAK,CAAC,YAAY,CAAC,GAAG,MAAM,EAAE;CAC3C,CAAC;AAaF,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,UAAU,EACtD,UAAU,EAAE,CAAC,EACb,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC7B,eAAe,CAAC,CAAC,CAAC,CAWpB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,UAAU,EACjD,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAC9B,UAAU,EAAE,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE;;;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/forms/DataMappingForm/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { computed as p } from "vue";
|
|
2
|
-
function
|
|
2
|
+
function x(e, t, s, n, r) {
|
|
3
3
|
return p({
|
|
4
4
|
get() {
|
|
5
|
-
return e.value.components[t].selectorStates.map((
|
|
5
|
+
return e.value.components[t].selectorStates.map((o) => o.selectedSource);
|
|
6
6
|
},
|
|
7
|
-
set(
|
|
7
|
+
set(o) {
|
|
8
8
|
if (!n)
|
|
9
9
|
return;
|
|
10
|
-
const c =
|
|
11
|
-
const
|
|
12
|
-
if (
|
|
13
|
-
return
|
|
10
|
+
const c = o.map((l) => {
|
|
11
|
+
const a = e.value.components[t].selectorStates.find((u) => u.selectedSource === l);
|
|
12
|
+
if (a)
|
|
13
|
+
return a;
|
|
14
14
|
{
|
|
15
|
-
const
|
|
16
|
-
return
|
|
15
|
+
const u = r.value.getSourceInfo(l);
|
|
16
|
+
return u.isSubsetFilter ? { selectedSource: l, type: "subset" } : u.isDiscreteFilter ? {
|
|
17
17
|
selectedSource: l,
|
|
18
18
|
type: "equals",
|
|
19
19
|
selectedFilterValue: void 0
|
|
@@ -24,115 +24,119 @@ function F(e, t, o, n, s) {
|
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
e.value =
|
|
27
|
+
e.value = s.changeSelected(t, n, e.value, c);
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
|
-
function
|
|
31
|
+
function F(e, t, s, n) {
|
|
32
32
|
return p({
|
|
33
33
|
get() {
|
|
34
|
-
return e.value.components[t].selectorStates.map((
|
|
34
|
+
return e.value.components[t].selectorStates.map((r) => r.selectedSource);
|
|
35
35
|
},
|
|
36
|
-
set(
|
|
36
|
+
set(r) {
|
|
37
37
|
if (!n)
|
|
38
38
|
return;
|
|
39
|
-
const
|
|
40
|
-
const l = e.value.components[t].selectorStates.find((
|
|
39
|
+
const o = r.map((c) => {
|
|
40
|
+
const l = e.value.components[t].selectorStates.find((a) => a.selectedSource === c);
|
|
41
41
|
return l || { selectedSource: c };
|
|
42
42
|
});
|
|
43
|
-
e.value =
|
|
43
|
+
e.value = s.changeSelected(t, n, e.value, o);
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
46
|
}
|
|
47
|
-
function
|
|
47
|
+
function I(e, t, s, n) {
|
|
48
48
|
return p({
|
|
49
49
|
get() {
|
|
50
|
-
var
|
|
51
|
-
return ((
|
|
50
|
+
var r;
|
|
51
|
+
return ((r = e.value.components[t].selectorStates.map((o) => o.selectedSource)) == null ? void 0 : r[0]) ?? void 0;
|
|
52
52
|
},
|
|
53
|
-
set(
|
|
54
|
-
n && (e.value =
|
|
53
|
+
set(r) {
|
|
54
|
+
n && (e.value = s.changeSelected(t, n, e.value, typeof r > "u" ? [] : [{ selectedSource: r }]));
|
|
55
55
|
}
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
|
-
function
|
|
58
|
+
function S(e, t) {
|
|
59
59
|
return e.options.map((n) => ({
|
|
60
60
|
text: t(n.value).label,
|
|
61
61
|
value: e.stateConsistency[n.value] === !1 ? "Inconsistent value" : n.value
|
|
62
|
-
})).sort((n,
|
|
62
|
+
})).sort((n, r) => n.text > r.text ? 1 : -1);
|
|
63
63
|
}
|
|
64
|
-
function
|
|
64
|
+
function y(e, t) {
|
|
65
65
|
return Object.keys(e.components).reduce(
|
|
66
|
-
(
|
|
66
|
+
(s, n) => (s[n] = S(
|
|
67
67
|
t.value.components[n],
|
|
68
68
|
t.value.getSourceInfo
|
|
69
|
-
),
|
|
69
|
+
), s),
|
|
70
70
|
{}
|
|
71
71
|
);
|
|
72
72
|
}
|
|
73
|
-
function
|
|
73
|
+
function g(e, t) {
|
|
74
74
|
if (!e.value.readyData)
|
|
75
75
|
return [];
|
|
76
|
-
const
|
|
76
|
+
const s = /* @__PURE__ */ new Set();
|
|
77
77
|
return t.forEach(
|
|
78
78
|
(n) => {
|
|
79
|
-
e.value.components[n].options.forEach(({ value:
|
|
80
|
-
|
|
79
|
+
e.value.components[n].options.forEach(({ value: o }) => {
|
|
80
|
+
s.add(o);
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
|
-
), [...
|
|
83
|
+
), [...s].map((n) => ({
|
|
84
84
|
id: n,
|
|
85
85
|
info: e.value.getSourceInfo(n)
|
|
86
|
-
})).sort((n,
|
|
86
|
+
})).sort((n, r) => {
|
|
87
|
+
const o = n.info.hasHangingAxes, c = r.info.hasHangingAxes;
|
|
88
|
+
return o && c || !o && !c ? n.info.label.localeCompare(r.info.label) : o ? 1 : -1;
|
|
89
|
+
});
|
|
87
90
|
}
|
|
88
|
-
function
|
|
89
|
-
return
|
|
90
|
-
({ info:
|
|
91
|
+
function h(e, t) {
|
|
92
|
+
return g(e, t).filter(
|
|
93
|
+
({ info: s }) => s.kind !== "axis" || !s.mustBeConsumed
|
|
91
94
|
);
|
|
92
95
|
}
|
|
93
|
-
function
|
|
94
|
-
return
|
|
95
|
-
({ info:
|
|
96
|
+
function k(e, t) {
|
|
97
|
+
return g(e, t).filter(
|
|
98
|
+
({ info: s }) => s.kind === "axis" && s.mustBeConsumed
|
|
96
99
|
);
|
|
97
100
|
}
|
|
98
|
-
function
|
|
99
|
-
return Object.values(t.components[e].stateConsistency).some((
|
|
101
|
+
function d(e, t) {
|
|
102
|
+
return Object.values(t.components[e].stateConsistency).some((s) => !s);
|
|
100
103
|
}
|
|
101
|
-
function
|
|
102
|
-
return
|
|
104
|
+
function H(e, t) {
|
|
105
|
+
return d(e, t) ? " " : "";
|
|
103
106
|
}
|
|
104
|
-
function
|
|
105
|
-
return n.reduce((
|
|
106
|
-
var
|
|
107
|
-
const c = e.getSourceInfo(
|
|
107
|
+
function O(e, t, s, n) {
|
|
108
|
+
return n.reduce((r, o) => {
|
|
109
|
+
var f;
|
|
110
|
+
const c = e.getSourceInfo(o), a = [
|
|
108
111
|
...Object.keys(e.components).filter(
|
|
109
112
|
(i) => e.components[i].options.find(
|
|
110
|
-
(
|
|
113
|
+
(m) => m.value === o && !t[i].selectorStates.some((v) => v.selectedSource === o)
|
|
111
114
|
)
|
|
112
115
|
)
|
|
113
|
-
],
|
|
114
|
-
return
|
|
115
|
-
id:
|
|
116
|
-
title:
|
|
116
|
+
], u = Object.values(e.components).some(({ stateConsistency: i }) => i[o] === !1);
|
|
117
|
+
return r[o] = {
|
|
118
|
+
id: o,
|
|
119
|
+
title: u ? "Inconsistent value" : c.label,
|
|
117
120
|
type: c.type,
|
|
118
121
|
nonHomogenous: c.kind === "axis" && c.isNonHomogenous,
|
|
119
122
|
isSubsetFilter: c.isSubsetFilter,
|
|
120
123
|
isDiscreteFilter: c.isDiscreteFilter,
|
|
121
|
-
availableBasketIds: new Set(
|
|
122
|
-
uniqueValues: (((
|
|
123
|
-
|
|
124
|
+
availableBasketIds: new Set(a),
|
|
125
|
+
uniqueValues: (((f = s[o]) == null ? void 0 : f.options) ?? []).map((i) => i.label),
|
|
126
|
+
hasHangingAxes: c.kind === "column" ? c.hasHangingAxes : !1
|
|
127
|
+
}, r;
|
|
124
128
|
}, {});
|
|
125
129
|
}
|
|
126
130
|
export {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
131
|
+
y as getAllInputsOptions,
|
|
132
|
+
O as getChipInfo,
|
|
133
|
+
H as getErrorForPlDropdown,
|
|
134
|
+
k as getFreeMandatoryOptions,
|
|
135
|
+
h as getFreeMetaOptions,
|
|
136
|
+
g as getFreeOptions,
|
|
137
|
+
d as hasInputError,
|
|
138
|
+
x as toFiltersMulti,
|
|
139
|
+
F as toSimpleMulti,
|
|
140
|
+
I as toSimpleSingle
|
|
137
141
|
};
|
|
138
142
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../src/forms/DataMappingForm/utils.ts"],"sourcesContent":["import type {\n AxisData,\n ColumnData,\n ComponentGuideFilter,\n ComponentGuideSimple,\n Controller,\n DemoDataStore,\n InputGuide,\n InputState,\n} from '@milaboratories/pf-plots';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { ChipInfo } from '../../components/DragAndDrop/types';\nimport type { UniqueValuesBySourceMap } from '../../types';\n\ntype Option = { text: string; value: string }; // as an Option type in pl-uikit\n\n/** Bidirectionally extracts selectedSource from the filter state,\n * and preserve selectedFilterValue in unmodified items on write. */\nexport function toFiltersMulti(\n refToState: Ref<InputState>,\n inputName: keyof InputState['components'],\n controller: Controller<InputState>,\n store: DemoDataStore | null,\n refToInputGuide: Ref<InputGuide<InputState>>,\n): Ref<string[]> {\n return computed({\n get() {\n return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource);\n },\n set(nextSelected) {\n if (!store) {\n return;\n }\n const nextSelectorStates = nextSelected.map((s) => {\n const el = refToState.value.components[inputName].selectorStates.find((v) => v.selectedSource === s);\n if (el) {\n return el;\n } else {\n const info = refToInputGuide.value.getSourceInfo(s);\n return info.isSubsetFilter\n ? { selectedSource: s, type: 'subset' }\n : info.isDiscreteFilter\n ? {\n selectedSource: s,\n type: 'equals',\n selectedFilterValue: undefined,\n }\n : {\n selectedSource: s,\n type: 'range',\n selectedFilterRange: { min: undefined, max: undefined },\n };\n }\n });\n refToState.value = controller.changeSelected(inputName, store, refToState.value, nextSelectorStates);\n },\n });\n}\n\nexport function toSimpleMulti(\n refToState: Ref<InputState>,\n inputName: keyof InputState['components'],\n controller: Controller<InputState>,\n store: DemoDataStore | null,\n): Ref<string[]> {\n return computed({\n get() {\n return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource);\n },\n set(nextSelected: string[]) {\n if (!store) {\n return;\n }\n const nextSelectorStates = nextSelected.map((s) => {\n const el = refToState.value.components[inputName].selectorStates.find((v) => v.selectedSource === s);\n if (el) {\n return el;\n } else {\n return { selectedSource: s };\n }\n });\n refToState.value = controller.changeSelected(inputName, store, refToState.value, nextSelectorStates);\n },\n });\n}\n\nexport function toSimpleSingle(\n refToState: Ref<InputState>,\n inputName: keyof InputState['components'],\n controller: Controller<InputState>,\n store: DemoDataStore | null,\n): Ref<string | undefined> {\n return computed({\n get() {\n return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource)?.[0] ?? undefined;\n },\n set(newValue: string | undefined) {\n if (!store) {\n return;\n }\n refToState.value = controller.changeSelected(inputName, store, refToState.value, typeof newValue === 'undefined' ? [] : [{ selectedSource: newValue }]);\n },\n });\n}\n\nexport type AllStateOptions<State extends InputState> = {\n [K in keyof State['components']]: Option[];\n};\n\nfunction getInputOptions(\n guide: ComponentGuideSimple | ComponentGuideFilter,\n getSourceInfo: (optionId: string) => ColumnData | AxisData,\n): Option[] {\n const options = guide.options.map((v) => ({\n text: getSourceInfo(v.value).label,\n value: guide.stateConsistency[v.value] === false ? 'Inconsistent value' : v.value,\n }));\n return options.sort((a, b) => (a.text > b.text ? 1 : -1));\n}\n\nexport function getAllInputsOptions<T extends InputState>(\n inputState: T,\n inputGuide: Ref<InputGuide<T>>,\n): AllStateOptions<T> {\n return Object.keys(inputState.components).reduce(\n (res: Record<string, Option[]>, name) => {\n res[name] = getInputOptions(\n inputGuide.value.components[name],\n inputGuide.value.getSourceInfo,\n );\n return res;\n },\n {},\n ) as AllStateOptions<T>;\n}\n\nexport function getFreeOptions<T extends InputState>(\n inputGuide: Ref<InputGuide<T>>,\n basketsIds: (keyof InputGuide<T>['components'])[],\n) {\n if (!inputGuide.value.readyData) {\n return [];\n }\n const optionsSet = new Set<string>();\n basketsIds.forEach((id) => {\n const item: ComponentGuideFilter | ComponentGuideSimple = inputGuide.value.components[id];\n item.options.forEach(({ value }) => {\n optionsSet.add(value);\n });\n },\n );\n return [...optionsSet].map((id) => ({\n id,\n info: inputGuide.value.getSourceInfo(id),\n })).sort((a, b) => a.info.label.localeCompare(b.info.label));\n}\n\nexport function getFreeMetaOptions<T extends InputState>(\n inputGuide: Ref<InputGuide<T>>,\n basketsIds: (keyof InputGuide<T>['components'])[],\n) {\n return getFreeOptions(inputGuide, basketsIds).filter(\n ({ info }) => info.kind !== 'axis' || !info.mustBeConsumed,\n );\n}\n\nexport function getFreeMandatoryOptions<T extends InputState>(\n inputGuide: Ref<InputGuide<T>>,\n basketsIds: (keyof InputGuide<T>['components'])[],\n) {\n return getFreeOptions(inputGuide, basketsIds).filter(({ info }) =>\n info.kind === 'axis' && info.mustBeConsumed,\n );\n}\n\nexport function hasInputError<T extends InputState>(\n name: keyof T['components'],\n inputGuide: InputGuide<T>,\n) {\n return Object.values(inputGuide.components[name].stateConsistency).some((v) => !v);\n}\n\nexport function getErrorForPlDropdown<T extends InputState>(\n name: keyof T['components'],\n inputGuide: InputGuide<T>,\n) {\n return hasInputError(name, inputGuide) ? ' ' : ''; // if return value is not empty, dropdown marked with red frame\n}\n\nexport function getChipInfo(\n inputGuide: InputGuide<InputState>,\n optionsState: InputState['components'],\n labelsInfo: UniqueValuesBySourceMap,\n sourceIds: string[],\n): Record<string, ChipInfo> {\n return sourceIds.reduce((res: Record<string, ChipInfo>, id) => {\n const info = inputGuide.getSourceInfo(id);\n const basketsMeta = Object.keys(inputGuide.components);\n const availableBasketsIds = [\n ...basketsMeta.filter((name) =>\n inputGuide.components[name].options.find(\n (option) => option.value === id\n && !optionsState[name].selectorStates.some((s) => s.selectedSource === id),\n ),\n ),\n ];\n const isInconsistent = Object.values(inputGuide.components).some(({ stateConsistency }) => stateConsistency[id] === false);\n res[id] = {\n id,\n title: isInconsistent ? 'Inconsistent value' : info.label,\n type: info.type,\n nonHomogenous: info.kind === 'axis' && info.isNonHomogenous,\n isSubsetFilter: info.isSubsetFilter,\n isDiscreteFilter: info.isDiscreteFilter,\n availableBasketIds: new Set(availableBasketsIds),\n uniqueValues: (labelsInfo[id]?.options ?? []).map((v) => v.label),\n };\n return res;\n }, {});\n}\n"],"names":["toFiltersMulti","refToState","inputName","controller","store","refToInputGuide","computed","v","nextSelected","nextSelectorStates","s","el","info","toSimpleMulti","toSimpleSingle","_a","newValue","getInputOptions","guide","getSourceInfo","a","b","getAllInputsOptions","inputState","inputGuide","res","name","getFreeOptions","basketsIds","optionsSet","id","value","getFreeMetaOptions","getFreeMandatoryOptions","hasInputError","getErrorForPlDropdown","getChipInfo","optionsState","labelsInfo","sourceIds","availableBasketsIds","option","isInconsistent","stateConsistency"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../src/forms/DataMappingForm/utils.ts"],"sourcesContent":["import type {\n AxisData,\n ColumnData,\n ComponentGuideFilter,\n ComponentGuideSimple,\n Controller,\n DemoDataStore,\n InputGuide,\n InputState,\n} from '@milaboratories/pf-plots';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { ChipInfo } from '../../components/DragAndDrop/types';\nimport type { UniqueValuesBySourceMap } from '../../types';\n\ntype Option = { text: string; value: string }; // as an Option type in pl-uikit\n\n/** Bidirectionally extracts selectedSource from the filter state,\n * and preserve selectedFilterValue in unmodified items on write. */\nexport function toFiltersMulti(\n refToState: Ref<InputState>,\n inputName: keyof InputState['components'],\n controller: Controller<InputState>,\n store: DemoDataStore | null,\n refToInputGuide: Ref<InputGuide<InputState>>,\n): Ref<string[]> {\n return computed({\n get() {\n return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource);\n },\n set(nextSelected) {\n if (!store) {\n return;\n }\n const nextSelectorStates = nextSelected.map((s) => {\n const el = refToState.value.components[inputName].selectorStates.find((v) => v.selectedSource === s);\n if (el) {\n return el;\n } else {\n const info = refToInputGuide.value.getSourceInfo(s);\n return info.isSubsetFilter\n ? { selectedSource: s, type: 'subset' }\n : info.isDiscreteFilter\n ? {\n selectedSource: s,\n type: 'equals',\n selectedFilterValue: undefined,\n }\n : {\n selectedSource: s,\n type: 'range',\n selectedFilterRange: { min: undefined, max: undefined },\n };\n }\n });\n refToState.value = controller.changeSelected(inputName, store, refToState.value, nextSelectorStates);\n },\n });\n}\n\nexport function toSimpleMulti(\n refToState: Ref<InputState>,\n inputName: keyof InputState['components'],\n controller: Controller<InputState>,\n store: DemoDataStore | null,\n): Ref<string[]> {\n return computed({\n get() {\n return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource);\n },\n set(nextSelected: string[]) {\n if (!store) {\n return;\n }\n const nextSelectorStates = nextSelected.map((s) => {\n const el = refToState.value.components[inputName].selectorStates.find((v) => v.selectedSource === s);\n if (el) {\n return el;\n } else {\n return { selectedSource: s };\n }\n });\n refToState.value = controller.changeSelected(inputName, store, refToState.value, nextSelectorStates);\n },\n });\n}\n\nexport function toSimpleSingle(\n refToState: Ref<InputState>,\n inputName: keyof InputState['components'],\n controller: Controller<InputState>,\n store: DemoDataStore | null,\n): Ref<string | undefined> {\n return computed({\n get() {\n return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource)?.[0] ?? undefined;\n },\n set(newValue: string | undefined) {\n if (!store) {\n return;\n }\n refToState.value = controller.changeSelected(inputName, store, refToState.value, typeof newValue === 'undefined' ? [] : [{ selectedSource: newValue }]);\n },\n });\n}\n\nexport type AllStateOptions<State extends InputState> = {\n [K in keyof State['components']]: Option[];\n};\n\nfunction getInputOptions(\n guide: ComponentGuideSimple | ComponentGuideFilter,\n getSourceInfo: (optionId: string) => ColumnData | AxisData,\n): Option[] {\n const options = guide.options.map((v) => ({\n text: getSourceInfo(v.value).label,\n value: guide.stateConsistency[v.value] === false ? 'Inconsistent value' : v.value,\n }));\n return options.sort((a, b) => (a.text > b.text ? 1 : -1));\n}\n\nexport function getAllInputsOptions<T extends InputState>(\n inputState: T,\n inputGuide: Ref<InputGuide<T>>,\n): AllStateOptions<T> {\n return Object.keys(inputState.components).reduce(\n (res: Record<string, Option[]>, name) => {\n res[name] = getInputOptions(\n inputGuide.value.components[name],\n inputGuide.value.getSourceInfo,\n );\n return res;\n },\n {},\n ) as AllStateOptions<T>;\n}\n\nexport function getFreeOptions<T extends InputState>(\n inputGuide: Ref<InputGuide<T>>,\n basketsIds: (keyof InputGuide<T>['components'])[],\n) {\n if (!inputGuide.value.readyData) {\n return [];\n }\n const optionsSet = new Set<string>();\n basketsIds.forEach((id) => {\n const item: ComponentGuideFilter | ComponentGuideSimple = inputGuide.value.components[id];\n item.options.forEach(({ value }) => {\n optionsSet.add(value);\n });\n },\n );\n return [...optionsSet].map((id) => ({\n id,\n info: inputGuide.value.getSourceInfo(id),\n })).sort((a, b) => {\n const aHasHangingAxes = (a.info as ColumnData).hasHangingAxes;\n const bHasHangingAxes = (b.info as ColumnData).hasHangingAxes;\n if ((aHasHangingAxes && bHasHangingAxes) || (!aHasHangingAxes && !bHasHangingAxes)) {\n return a.info.label.localeCompare(b.info.label);\n }\n return aHasHangingAxes ? 1 : -1;\n });\n}\n\nexport function getFreeMetaOptions<T extends InputState>(\n inputGuide: Ref<InputGuide<T>>,\n basketsIds: (keyof InputGuide<T>['components'])[],\n) {\n return getFreeOptions(inputGuide, basketsIds).filter(\n ({ info }) => info.kind !== 'axis' || !info.mustBeConsumed,\n );\n}\n\nexport function getFreeMandatoryOptions<T extends InputState>(\n inputGuide: Ref<InputGuide<T>>,\n basketsIds: (keyof InputGuide<T>['components'])[],\n) {\n return getFreeOptions(inputGuide, basketsIds).filter(({ info }) =>\n info.kind === 'axis' && info.mustBeConsumed,\n );\n}\n\nexport function hasInputError<T extends InputState>(\n name: keyof T['components'],\n inputGuide: InputGuide<T>,\n) {\n return Object.values(inputGuide.components[name].stateConsistency).some((v) => !v);\n}\n\nexport function getErrorForPlDropdown<T extends InputState>(\n name: keyof T['components'],\n inputGuide: InputGuide<T>,\n) {\n return hasInputError(name, inputGuide) ? ' ' : ''; // if return value is not empty, dropdown marked with red frame\n}\n\nexport function getChipInfo(\n inputGuide: InputGuide<InputState>,\n optionsState: InputState['components'],\n labelsInfo: UniqueValuesBySourceMap,\n sourceIds: string[],\n): Record<string, ChipInfo> {\n return sourceIds.reduce((res: Record<string, ChipInfo>, id) => {\n const info = inputGuide.getSourceInfo(id);\n const basketsMeta = Object.keys(inputGuide.components);\n const availableBasketsIds = [\n ...basketsMeta.filter((name) =>\n inputGuide.components[name].options.find(\n (option) => option.value === id\n && !optionsState[name].selectorStates.some((s) => s.selectedSource === id),\n ),\n ),\n ];\n const isInconsistent = Object.values(inputGuide.components).some(({ stateConsistency }) => stateConsistency[id] === false);\n res[id] = {\n id,\n title: isInconsistent ? 'Inconsistent value' : info.label,\n type: info.type,\n nonHomogenous: info.kind === 'axis' && info.isNonHomogenous,\n isSubsetFilter: info.isSubsetFilter,\n isDiscreteFilter: info.isDiscreteFilter,\n availableBasketIds: new Set(availableBasketsIds),\n uniqueValues: (labelsInfo[id]?.options ?? []).map((v) => v.label),\n hasHangingAxes: info.kind === 'column' ? info.hasHangingAxes : false,\n };\n return res;\n }, {});\n}\n"],"names":["toFiltersMulti","refToState","inputName","controller","store","refToInputGuide","computed","v","nextSelected","nextSelectorStates","s","el","info","toSimpleMulti","toSimpleSingle","_a","newValue","getInputOptions","guide","getSourceInfo","a","b","getAllInputsOptions","inputState","inputGuide","res","name","getFreeOptions","basketsIds","optionsSet","id","value","aHasHangingAxes","bHasHangingAxes","getFreeMetaOptions","getFreeMandatoryOptions","hasInputError","getErrorForPlDropdown","getChipInfo","optionsState","labelsInfo","sourceIds","availableBasketsIds","option","isInconsistent","stateConsistency"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milaboratories/graph-maker",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.210",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"d3-scale": "^4.0.2",
|
|
38
38
|
"vue": "^3.5.24",
|
|
39
39
|
"@milaboratories/miplots4": "1.0.165",
|
|
40
|
-
"@milaboratories/pf-plots": "1.1.
|
|
40
|
+
"@milaboratories/pf-plots": "1.1.58"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@milaboratories/build-configs": "^1.0.5",
|