@ocelescope/core 0.10.2 → 0.11.0
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/README.md +2 -2
- package/dist/{ActivityPicker-BfA34hBU.js → ActivityPicker-CtFSu1YR.js} +8 -6
- package/dist/{AreaChart-q6rVcUIp.js → AreaChart-BSwN1fMp.js} +4 -5
- package/dist/{AttributePicker-Dd8eKA_3.js → AttributePicker-Cq7luTEi.js} +4 -5
- package/dist/{BarChart-BLZS87ex.js → BarChart-CyMePf1z.js} +4 -5
- package/dist/{E2ORelationPicker-CcDSJWc0.js → E2ORelationPicker-C8EmrbFx.js} +4 -5
- package/dist/{EventAttributePicker-Ch0rYS1h.js → EventAttributePicker-BgEdydek.js} +4 -5
- package/dist/{EventPicker-DbqFMMr2.js → EventPicker-D5uNOTw1.js} +4 -5
- package/dist/{HistogramChart-GgiQdlsk.js → HistogramChart-CJwvvDUu.js} +3 -4
- package/dist/{LineChart-Cq935Tk2.js → LineChart-Cbxnm338.js} +4 -5
- package/dist/{O2ORelationPicker-_XU1FfIX.js → O2ORelationPicker-CryAxxUo.js} +4 -5
- package/dist/{ObjectAttributePicker-Dpt3IfC5.js → ObjectAttributePicker-D_I3LQsY.js} +4 -5
- package/dist/{ObjectPicker-Bd68wl9p.js → ObjectPicker-D-ksQveT.js} +4 -5
- package/dist/{ObjectTypePicker-CXCMky34.js → ObjectTypePicker-Bw8Fsktx.js} +9 -6
- package/dist/{OcelChart-BnXjHb_r.js → OcelChart-DJNM5peW.js} +3 -4
- package/dist/{OptionPicker-D9rUIwbY.js → OptionPicker-DQ-WYFQZ.js} +7 -14
- package/dist/{PieChart-DZFHaTXD.js → PieChart-BmMoI0TY.js} +4 -5
- package/dist/{ScatterChart-DJfJmABJ.js → ScatterChart-CASPRlZU.js} +4 -5
- package/dist/{SqlChart-Bf7D5o5P.js → SqlChart-cxKpWkyh.js} +8 -9
- package/dist/{SunburstChart-CMNYlKon.js → SunburstChart-Ddx9EaL-.js} +3 -4
- package/dist/{attributeOptions-D4slIoZx.js → attributeOptions-COiWnKUS.js} +1 -2
- package/dist/{cartesian-Dt7weMqK.js → cartesian-CtdS2iZb.js} +2 -3
- package/dist/index.d.ts +6 -84
- package/dist/index.js +75 -92
- package/dist/{relationOptions-DTtIOIr1.js → relationOptions-hEEsEQrx.js} +1 -2
- package/dist/{rolldown-runtime-D7D4PA-g.js → rolldown-runtime-D8jQpDG7.js} +1 -2
- package/dist/{series-W1jsVape.js → series-Bx0HVnSy.js} +2 -3
- package/dist/style.css +34 -14
- package/dist/{useChart-jzzXgs0j.js → useChart-BK4pjGal.js} +3 -6
- package/dist/{useCurrentOCEL-BeBa7K0g.js → useCurrentOCEL-BUH5XGje.js} +2 -4
- package/dist/{useOcelId-DIu_aGLH.js → useOcelId-BEC6_yRa.js} +2 -3
- package/dist/{useOcelQuery-D1QM-Zgv.js → useOcelQuery-6vtgZNzz.js} +2 -3
- package/dist/{useSearch-Ad3AtTVj.js → useSearch-CdXjjv-a.js} +1 -2
- package/package.json +24 -24
package/README.md
CHANGED
|
@@ -137,7 +137,7 @@ ranges:
|
|
|
137
137
|
series="measure"
|
|
138
138
|
yAxes="independent"
|
|
139
139
|
sql={measurements}
|
|
140
|
-
|
|
140
|
+
/>;
|
|
141
141
|
```
|
|
142
142
|
|
|
143
143
|
Charts are r4pm viewers. Colours come from the ambient `ViewerConfig` when a
|
|
@@ -149,7 +149,7 @@ clicks report a `ViewerTarget` to `onSelect`; and a chart inside a
|
|
|
149
149
|
<ViewerExportFrame filename="activities">
|
|
150
150
|
<OcelChart title="Events per activity" sql={events} />
|
|
151
151
|
<OcelChart title="Objects per type" sql={objects} series="type" stacked />
|
|
152
|
-
</ViewerExportFrame
|
|
152
|
+
</ViewerExportFrame>;
|
|
153
153
|
```
|
|
154
154
|
|
|
155
155
|
## About
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
3
|
import { useEventCounts } from "@ocelescope/api-base";
|
|
4
4
|
import { useMemo } from "react";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
6
|
import { useColorOf } from "@r4pm/components";
|
|
7
|
-
|
|
7
|
+
// src/components/Pickers/ActivityPicker.tsx
|
|
8
8
|
/** The log's activities, by how many events each has. */
|
|
9
|
-
const ActivityPicker = ({ ocelId, ocelVersion = "filtered", ...picker }) => {
|
|
9
|
+
const ActivityPicker = ({ ocelId, ocelVersion = "filtered", viewId, ...picker }) => {
|
|
10
10
|
const id = useOcelId(ocelId);
|
|
11
11
|
const colorOf = useColorOf("activity");
|
|
12
|
-
const { data, isPending, error } = useEventCounts(id, {
|
|
12
|
+
const { data, isPending, error } = useEventCounts(id, {
|
|
13
|
+
ocel_version: ocelVersion,
|
|
14
|
+
view_id: viewId
|
|
15
|
+
}, { query: { enabled: id != null } });
|
|
13
16
|
const options = useMemo(() => Object.entries(data ?? {}).map(([name, count]) => ({
|
|
14
17
|
value: name,
|
|
15
18
|
label: name,
|
|
@@ -25,5 +28,4 @@ const ActivityPicker = ({ ocelId, ocelVersion = "filtered", ...picker }) => {
|
|
|
25
28
|
...picker
|
|
26
29
|
});
|
|
27
30
|
};
|
|
28
|
-
//#endregion
|
|
29
31
|
export { ActivityPicker };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as __exportAll } from "./rolldown-runtime-
|
|
2
|
-
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-
|
|
3
|
-
import { n as traceCount, t as cartesian } from "./cartesian-
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.js";
|
|
2
|
+
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-BK4pjGal.js";
|
|
3
|
+
import { n as traceCount, t as cartesian } from "./cartesian-CtdS2iZb.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/components/charts/AreaChart.tsx
|
|
6
6
|
var AreaChart_exports = /* @__PURE__ */ __exportAll({ AreaChart: () => AreaChart });
|
|
7
7
|
/** A line with the ground beneath it filled in, for totals over time. */
|
|
8
8
|
const AreaChart = ({ xRange, ...given }) => {
|
|
@@ -33,5 +33,4 @@ const AreaChart = ({ xRange, ...given }) => {
|
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
|
-
//#endregion
|
|
37
36
|
export { AreaChart_exports as n, AreaChart as t };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
3
|
-
import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
|
+
import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-COiWnKUS.js";
|
|
4
4
|
import { useE2o, useEventAttributes, useObjectAttributes } from "@ocelescope/api-base";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
import { useColorOf } from "@r4pm/components";
|
|
8
|
-
|
|
8
|
+
// src/components/Pickers/AttributePicker.tsx
|
|
9
9
|
const attributeId = (ref) => JSON.stringify(ref.target === "event" ? [
|
|
10
10
|
"event",
|
|
11
11
|
ref.activity,
|
|
@@ -91,5 +91,4 @@ const AttributePicker = ({ activity, objectTypes, onlyUniquelyRelated = false, v
|
|
|
91
91
|
...picker
|
|
92
92
|
});
|
|
93
93
|
};
|
|
94
|
-
//#endregion
|
|
95
94
|
export { AttributePicker };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as __exportAll } from "./rolldown-runtime-
|
|
2
|
-
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-
|
|
3
|
-
import { n as traceCount, t as cartesian } from "./cartesian-
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.js";
|
|
2
|
+
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-BK4pjGal.js";
|
|
3
|
+
import { n as traceCount, t as cartesian } from "./cartesian-CtdS2iZb.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/components/charts/BarChart.tsx
|
|
6
6
|
var BarChart_exports = /* @__PURE__ */ __exportAll({ BarChart: () => BarChart });
|
|
7
7
|
/** Counts as bars, one per category. */
|
|
8
8
|
const BarChart = ({ stacked = false, horizontal = false, xRange, ...given }) => {
|
|
@@ -66,5 +66,4 @@ const withStackShare = (traces, horizontal, measure) => {
|
|
|
66
66
|
};
|
|
67
67
|
});
|
|
68
68
|
};
|
|
69
|
-
//#endregion
|
|
70
69
|
export { BarChart_exports as n, BarChart as t };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
3
|
-
import { n as relationLabel, r as relationOptions, t as relationId } from "./relationOptions-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
|
+
import { n as relationLabel, r as relationOptions, t as relationId } from "./relationOptions-hEEsEQrx.js";
|
|
4
4
|
import { useE2o } from "@ocelescope/api-base";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
import { useColorOf } from "@r4pm/components";
|
|
8
|
-
|
|
8
|
+
// src/components/Pickers/E2ORelationPicker.tsx
|
|
9
9
|
/**
|
|
10
10
|
* How events relate to objects: one choice per object type and qualifier,
|
|
11
11
|
* with how many objects an event relates to.
|
|
@@ -42,5 +42,4 @@ const E2ORelationPicker = ({ activity, ocelId, ocelVersion = "filtered", ...pick
|
|
|
42
42
|
...picker
|
|
43
43
|
});
|
|
44
44
|
};
|
|
45
|
-
//#endregion
|
|
46
45
|
export { E2ORelationPicker };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
3
|
-
import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
|
+
import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-COiWnKUS.js";
|
|
4
4
|
import { useEventAttributes } from "@ocelescope/api-base";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
7
|
+
// src/components/Pickers/EventAttributePicker.tsx
|
|
8
8
|
/** The attributes events carry, by name. */
|
|
9
9
|
const EventAttributePicker = ({ activity, valueTypes, ocelId, ocelVersion = "filtered", ...picker }) => {
|
|
10
10
|
const id = useOcelId(ocelId);
|
|
@@ -23,5 +23,4 @@ const EventAttributePicker = ({ activity, valueTypes, ocelId, ocelVersion = "fil
|
|
|
23
23
|
...picker
|
|
24
24
|
});
|
|
25
25
|
};
|
|
26
|
-
//#endregion
|
|
27
26
|
export { EventAttributePicker };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
3
|
-
import { t as useSearch } from "./useSearch-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
|
+
import { t as useSearch } from "./useSearch-CdXjjv-a.js";
|
|
4
4
|
import { useEventCounts, useEventIds } from "@ocelescope/api-base";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
7
|
+
// src/components/Pickers/EventPicker.tsx
|
|
8
8
|
/** Events of the log, found by typing part of an id. */
|
|
9
9
|
const EventPicker = ({ ocelId, ocelVersion = "filtered", limit = 50, ...picker }) => {
|
|
10
10
|
const id = useOcelId(ocelId);
|
|
@@ -35,5 +35,4 @@ const EventPicker = ({ ocelId, ocelVersion = "filtered", limit = 50, ...picker }
|
|
|
35
35
|
...picker
|
|
36
36
|
});
|
|
37
37
|
};
|
|
38
|
-
//#endregion
|
|
39
38
|
export { EventPicker };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as __exportAll } from "./rolldown-runtime-
|
|
2
|
-
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.js";
|
|
2
|
+
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-BK4pjGal.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { useViewerConfig } from "@r4pm/components";
|
|
5
|
-
|
|
5
|
+
// src/components/charts/HistogramChart.tsx
|
|
6
6
|
var HistogramChart_exports = /* @__PURE__ */ __exportAll({ HistogramChart: () => HistogramChart });
|
|
7
7
|
/**
|
|
8
8
|
* A distribution as bins along a numeric axis.
|
|
@@ -83,5 +83,4 @@ const median = (values) => {
|
|
|
83
83
|
return sorted[Math.floor(sorted.length / 2)] ?? 1;
|
|
84
84
|
};
|
|
85
85
|
const defaultNumber = (value) => new Intl.NumberFormat(void 0, { maximumSignificantDigits: 4 }).format(value);
|
|
86
|
-
//#endregion
|
|
87
86
|
export { HistogramChart_exports as n, HistogramChart as t };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as __exportAll } from "./rolldown-runtime-
|
|
2
|
-
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-
|
|
3
|
-
import { n as toSeries, t as paint } from "./series-
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.js";
|
|
2
|
+
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-BK4pjGal.js";
|
|
3
|
+
import { n as toSeries, t as paint } from "./series-Bx0HVnSy.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/components/charts/LineChart.tsx
|
|
6
6
|
var LineChart_exports = /* @__PURE__ */ __exportAll({ LineChart: () => LineChart });
|
|
7
7
|
/** Lines through ordered values, optionally with one scale per line. */
|
|
8
8
|
const LineChart = ({ step = false, yAxes = "shared", xRange, ...given }) => {
|
|
@@ -61,5 +61,4 @@ const LineChart = ({ step = false, yAxes = "shared", xRange, ...given }) => {
|
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
};
|
|
64
|
-
//#endregion
|
|
65
64
|
export { LineChart_exports as n, LineChart as t };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
3
|
-
import { n as relationLabel, r as relationOptions, t as relationId } from "./relationOptions-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
|
+
import { n as relationLabel, r as relationOptions, t as relationId } from "./relationOptions-hEEsEQrx.js";
|
|
4
4
|
import { useO2o } from "@ocelescope/api-base";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
import { useColorOf } from "@r4pm/components";
|
|
8
|
-
|
|
8
|
+
// src/components/Pickers/O2ORelationPicker.tsx
|
|
9
9
|
/**
|
|
10
10
|
* How objects relate to objects: one choice per object type and qualifier,
|
|
11
11
|
* with how many objects an object relates to.
|
|
@@ -40,5 +40,4 @@ const O2ORelationPicker = ({ objectType, ocelId, ocelVersion = "filtered", ...pi
|
|
|
40
40
|
...picker
|
|
41
41
|
});
|
|
42
42
|
};
|
|
43
|
-
//#endregion
|
|
44
43
|
export { O2ORelationPicker };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
3
|
-
import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
|
+
import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-COiWnKUS.js";
|
|
4
4
|
import { useObjectAttributes } from "@ocelescope/api-base";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
7
|
+
// src/components/Pickers/ObjectAttributePicker.tsx
|
|
8
8
|
/** The attributes objects carry, by name. */
|
|
9
9
|
const ObjectAttributePicker = ({ objectType, valueTypes, ocelId, ocelVersion = "filtered", ...picker }) => {
|
|
10
10
|
const id = useOcelId(ocelId);
|
|
@@ -23,5 +23,4 @@ const ObjectAttributePicker = ({ objectType, valueTypes, ocelId, ocelVersion = "
|
|
|
23
23
|
...picker
|
|
24
24
|
});
|
|
25
25
|
};
|
|
26
|
-
//#endregion
|
|
27
26
|
export { ObjectAttributePicker };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
3
|
-
import { t as useSearch } from "./useSearch-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
|
+
import { t as useSearch } from "./useSearch-CdXjjv-a.js";
|
|
4
4
|
import { useObjectCounts, useObjectIds } from "@ocelescope/api-base";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
7
|
+
// src/components/Pickers/ObjectPicker.tsx
|
|
8
8
|
/** Objects of the log, found by typing part of an id. */
|
|
9
9
|
const ObjectPicker = ({ ocelId, ocelVersion = "filtered", limit = 50, ...picker }) => {
|
|
10
10
|
const id = useOcelId(ocelId);
|
|
@@ -35,5 +35,4 @@ const ObjectPicker = ({ ocelId, ocelVersion = "filtered", limit = 50, ...picker
|
|
|
35
35
|
...picker
|
|
36
36
|
});
|
|
37
37
|
};
|
|
38
|
-
//#endregion
|
|
39
38
|
export { ObjectPicker };
|
|
@@ -1,18 +1,22 @@
|
|
|
1
|
-
import { t as useOcelId } from "./useOcelId-
|
|
2
|
-
import { OptionPicker } from "./OptionPicker-
|
|
1
|
+
import { t as useOcelId } from "./useOcelId-BEC6_yRa.js";
|
|
2
|
+
import { OptionPicker } from "./OptionPicker-DQ-WYFQZ.js";
|
|
3
3
|
import { useE2o, useObjectCounts } from "@ocelescope/api-base";
|
|
4
4
|
import { useMemo } from "react";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
6
|
import { useColorOf } from "@r4pm/components";
|
|
7
|
-
|
|
7
|
+
// src/components/Pickers/ObjectTypePicker.tsx
|
|
8
8
|
/** The log's object types, by how many objects each has. */
|
|
9
|
-
const ObjectTypePicker = ({ activity, ocelId, ocelVersion = "filtered", ...picker }) => {
|
|
9
|
+
const ObjectTypePicker = ({ activity, ocelId, ocelVersion = "filtered", viewId, ...picker }) => {
|
|
10
10
|
const id = useOcelId(ocelId);
|
|
11
11
|
const colorOf = useColorOf("objectType");
|
|
12
|
-
const { data, isPending, error } = useObjectCounts(id, {
|
|
12
|
+
const { data, isPending, error } = useObjectCounts(id, {
|
|
13
|
+
ocel_version: ocelVersion,
|
|
14
|
+
view_id: viewId
|
|
15
|
+
}, { query: { enabled: id != null } });
|
|
13
16
|
const relations = useE2o(id, {
|
|
14
17
|
source_types: activity ? [activity] : [],
|
|
15
18
|
ocel_version: ocelVersion,
|
|
19
|
+
view_id: viewId,
|
|
16
20
|
page_size: 1e3
|
|
17
21
|
}, { query: { enabled: id != null && activity !== void 0 } });
|
|
18
22
|
const options = useMemo(() => {
|
|
@@ -38,5 +42,4 @@ const ObjectTypePicker = ({ activity, ocelId, ocelVersion = "filtered", ...picke
|
|
|
38
42
|
...picker
|
|
39
43
|
});
|
|
40
44
|
};
|
|
41
|
-
//#endregion
|
|
42
45
|
export { ObjectTypePicker };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as useOcelQuery } from "./useOcelQuery-
|
|
2
|
-
import { SqlChart } from "./SqlChart-
|
|
1
|
+
import { t as useOcelQuery } from "./useOcelQuery-6vtgZNzz.js";
|
|
2
|
+
import { SqlChart } from "./SqlChart-cxKpWkyh.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { AsyncBoundary, EmptyState } from "@r4pm/components";
|
|
5
|
-
|
|
5
|
+
// src/components/charts/OcelChart.tsx
|
|
6
6
|
/**
|
|
7
7
|
* A chart of the current OCEL: give it SQL, get a chart.
|
|
8
8
|
*
|
|
@@ -37,5 +37,4 @@ const OcelChart = ({ sql, parameters, ocelVersion = "filtered", enabled = true,
|
|
|
37
37
|
})
|
|
38
38
|
});
|
|
39
39
|
};
|
|
40
|
-
//#endregion
|
|
41
40
|
export { OcelChart };
|
|
@@ -3,7 +3,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
|
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { Badge, Button, Flex, Popover, Spinner, Text, TextField, Theme } from "@r4pm/components/ui";
|
|
5
5
|
import { EmptyState, ErrorState, FrequencyPicker, SkeletonList, softBadgeStyle } from "@r4pm/components";
|
|
6
|
-
|
|
6
|
+
// src/components/Pickers/internal/Field.tsx
|
|
7
7
|
/**
|
|
8
8
|
* A picker's label and help text above it.
|
|
9
9
|
*
|
|
@@ -70,14 +70,12 @@ const PickedBadges = ({ picked, onRemove, disabled }) => picked.length === 0 ? n
|
|
|
70
70
|
})]
|
|
71
71
|
}, id))
|
|
72
72
|
});
|
|
73
|
-
|
|
74
|
-
//#region src/components/Pickers/internal/ListSelect.module.css
|
|
73
|
+
// src/components/Pickers/internal/ListSelect.module.css
|
|
75
74
|
var ListSelect_module_default = {
|
|
76
75
|
"hideCount": "wENrqW_hideCount",
|
|
77
76
|
"single": "wENrqW_single"
|
|
78
77
|
};
|
|
79
|
-
|
|
80
|
-
//#region src/components/Pickers/internal/options.ts
|
|
78
|
+
// src/components/Pickers/internal/options.ts
|
|
81
79
|
const defaultIdOf = (value) => typeof value === "string" ? value : JSON.stringify(value);
|
|
82
80
|
/** The picked values, however the caller holds them. */
|
|
83
81
|
const pickedValues = (selection) => selection.multiple ? [...selection.value] : selection.value == null ? [] : [selection.value];
|
|
@@ -101,8 +99,7 @@ const groupOptions = (options) => {
|
|
|
101
99
|
return [...groups.values()];
|
|
102
100
|
};
|
|
103
101
|
const sortOptions = (options, sort) => [...options].sort((a, b) => sort === "name" ? a.label.localeCompare(b.label) : (b.count ?? 0) - (a.count ?? 0) || a.label.localeCompare(b.label));
|
|
104
|
-
|
|
105
|
-
//#region src/components/Pickers/internal/ListSelect.tsx
|
|
102
|
+
// src/components/Pickers/internal/ListSelect.tsx
|
|
106
103
|
/** Lists at most this long get no search box of their own. */
|
|
107
104
|
const SEARCH_FROM = 8;
|
|
108
105
|
/** One r4pm list scrolls after eight rows; several groups of them share
|
|
@@ -231,8 +228,7 @@ const ListSelect = ({ model, counts = true, bars = true, cutoff = false, sort =
|
|
|
231
228
|
]
|
|
232
229
|
});
|
|
233
230
|
};
|
|
234
|
-
|
|
235
|
-
//#region src/components/Pickers/internal/DropdownSelect.tsx
|
|
231
|
+
// src/components/Pickers/internal/DropdownSelect.tsx
|
|
236
232
|
/**
|
|
237
233
|
* A field that names what is picked and opens the list in a popover, so both
|
|
238
234
|
* variants are the same list.
|
|
@@ -295,8 +291,7 @@ const DropdownSelect = (props) => {
|
|
|
295
291
|
})]
|
|
296
292
|
});
|
|
297
293
|
};
|
|
298
|
-
|
|
299
|
-
//#region src/components/Pickers/internal/usePickerModel.ts
|
|
294
|
+
// src/components/Pickers/internal/usePickerModel.ts
|
|
300
295
|
const usePickerModel = (props) => {
|
|
301
296
|
const { options, sort = "count", idOf = defaultIdOf, labelOf } = props;
|
|
302
297
|
const sorted = useMemo(() => groupOptions(options).flatMap((group) => sortOptions(group.options, sort)), [options, sort]);
|
|
@@ -324,8 +319,7 @@ const usePickerModel = (props) => {
|
|
|
324
319
|
remove: (id) => set(picked.filter((entry) => entry.id !== id).map((p) => p.value))
|
|
325
320
|
};
|
|
326
321
|
};
|
|
327
|
-
|
|
328
|
-
//#region src/components/Pickers/OptionPicker.tsx
|
|
322
|
+
// src/components/Pickers/OptionPicker.tsx
|
|
329
323
|
/**
|
|
330
324
|
* Picking values out of a list of options, as a dropdown or as a list.
|
|
331
325
|
*
|
|
@@ -347,5 +341,4 @@ const OptionPicker = (props) => {
|
|
|
347
341
|
})
|
|
348
342
|
});
|
|
349
343
|
};
|
|
350
|
-
//#endregion
|
|
351
344
|
export { OptionPicker };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as __exportAll } from "./rolldown-runtime-
|
|
2
|
-
import { n as Plot, t as useChart } from "./useChart-
|
|
3
|
-
import { n as toSeries, t as paint } from "./series-
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.js";
|
|
2
|
+
import { n as Plot, t as useChart } from "./useChart-BK4pjGal.js";
|
|
3
|
+
import { n as toSeries, t as paint } from "./series-Bx0HVnSy.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/components/charts/PieChart.tsx
|
|
6
6
|
var PieChart_exports = /* @__PURE__ */ __exportAll({ PieChart: () => PieChart });
|
|
7
7
|
/** Shares of a whole, one slice per category. */
|
|
8
8
|
const PieChart = ({ hole = .5, ...given }) => {
|
|
@@ -59,5 +59,4 @@ const PieChart = ({ hole = .5, ...given }) => {
|
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
};
|
|
62
|
-
//#endregion
|
|
63
62
|
export { PieChart_exports as n, PieChart as t };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as __exportAll } from "./rolldown-runtime-
|
|
2
|
-
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-
|
|
3
|
-
import { n as traceCount, t as cartesian } from "./cartesian-
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.js";
|
|
2
|
+
import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-BK4pjGal.js";
|
|
3
|
+
import { n as traceCount, t as cartesian } from "./cartesian-CtdS2iZb.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/components/charts/ScatterChart.tsx
|
|
6
6
|
var ScatterChart_exports = /* @__PURE__ */ __exportAll({ ScatterChart: () => ScatterChart });
|
|
7
7
|
/** A point per row, for values that have no order to follow. */
|
|
8
8
|
const ScatterChart = ({ xRange, ...given }) => {
|
|
@@ -33,5 +33,4 @@ const ScatterChart = ({ xRange, ...given }) => {
|
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
|
-
//#endregion
|
|
37
36
|
export { ScatterChart_exports as n, ScatterChart as t };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { t as AreaChart } from "./AreaChart-
|
|
2
|
-
import { t as BarChart } from "./BarChart-
|
|
3
|
-
import { t as HistogramChart } from "./HistogramChart-
|
|
4
|
-
import { t as LineChart } from "./LineChart-
|
|
5
|
-
import { t as PieChart } from "./PieChart-
|
|
6
|
-
import { t as ScatterChart } from "./ScatterChart-
|
|
7
|
-
import { t as SunburstChart } from "./SunburstChart-
|
|
1
|
+
import { t as AreaChart } from "./AreaChart-BSwN1fMp.js";
|
|
2
|
+
import { t as BarChart } from "./BarChart-CyMePf1z.js";
|
|
3
|
+
import { t as HistogramChart } from "./HistogramChart-CJwvvDUu.js";
|
|
4
|
+
import { t as LineChart } from "./LineChart-Cbxnm338.js";
|
|
5
|
+
import { t as PieChart } from "./PieChart-BmMoI0TY.js";
|
|
6
|
+
import { t as ScatterChart } from "./ScatterChart-CASPRlZU.js";
|
|
7
|
+
import { t as SunburstChart } from "./SunburstChart-Ddx9EaL-.js";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
import { Flex, SegmentedControl, Text } from "@r4pm/components/ui";
|
|
10
10
|
import { EmptyState, useViewSetting } from "@r4pm/components";
|
|
11
|
-
|
|
11
|
+
// src/components/charts/SqlChart.tsx
|
|
12
12
|
/**
|
|
13
13
|
* A query's result, drawn.
|
|
14
14
|
*
|
|
@@ -97,5 +97,4 @@ const columns = (result, { x, y, series }) => {
|
|
|
97
97
|
measures: (named.length > 0 ? named : result.columns.map((column) => column.name).filter((name) => numeric(name) && name !== category)).filter((name) => name !== series)
|
|
98
98
|
};
|
|
99
99
|
};
|
|
100
|
-
//#endregion
|
|
101
100
|
export { SqlChart };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { t as __exportAll } from "./rolldown-runtime-
|
|
2
|
-
import { a as measureOf, i as label, n as Plot, t as useChart } from "./useChart-
|
|
1
|
+
import { t as __exportAll } from "./rolldown-runtime-D8jQpDG7.js";
|
|
2
|
+
import { a as measureOf, i as label, n as Plot, t as useChart } from "./useChart-BK4pjGal.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
|
|
4
|
+
// src/components/charts/SunburstChart.tsx
|
|
5
5
|
var SunburstChart_exports = /* @__PURE__ */ __exportAll({ SunburstChart: () => SunburstChart });
|
|
6
6
|
/** A hierarchy as rings, each one a column of the path. */
|
|
7
7
|
const SunburstChart = ({ path, ...given }) => {
|
|
@@ -70,5 +70,4 @@ const nest = (rows, path, measure, colorOf) => {
|
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
const named = (column) => Boolean(column);
|
|
73
|
-
//#endregion
|
|
74
73
|
export { SunburstChart_exports as n, SunburstChart as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/Pickers/internal/attributeOptions.ts
|
|
2
2
|
/**
|
|
3
3
|
* Attributes as options: one per name, with its value types as description
|
|
4
4
|
* and its distinct values as count.
|
|
@@ -33,5 +33,4 @@ const attributeDefaults = {
|
|
|
33
33
|
bars: false,
|
|
34
34
|
counts: false
|
|
35
35
|
};
|
|
36
|
-
//#endregion
|
|
37
36
|
export { attributeOptions as n, attributeDefaults as t };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as toSeries, t as paint } from "./series-
|
|
2
|
-
|
|
1
|
+
import { n as toSeries, t as paint } from "./series-Bx0HVnSy.js";
|
|
2
|
+
// src/components/charts/internal/cartesian.ts
|
|
3
3
|
/**
|
|
4
4
|
* Traces for the charts drawn against two axes.
|
|
5
5
|
*
|
|
@@ -37,5 +37,4 @@ const cartesian = ({ rows, x, y, series, colorOf }, mark, horizontal = false, co
|
|
|
37
37
|
};
|
|
38
38
|
/** How many traces a chart will draw, which decides whether it needs a legend. */
|
|
39
39
|
const traceCount = (props) => toSeries(props).length;
|
|
40
|
-
//#endregion
|
|
41
40
|
export { traceCount as n, cartesian as t };
|