@ocelescope/core 0.10.1 → 0.10.2

package/dist/ActivityPicker-BfA34hBU.js

@@ -0,0 +1,29 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { useEventCounts } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useColorOf } from "@r4pm/components";
+//#region src/components/Pickers/ActivityPicker.tsx
+/** The log's activities, by how many events each has. */
+const ActivityPicker = ({ ocelId, ocelVersion = "filtered", ...picker }) => {
+	const id = useOcelId(ocelId);
+	const colorOf = useColorOf("activity");
+	const { data, isPending, error } = useEventCounts(id, { ocel_version: ocelVersion }, { query: { enabled: id != null } });
+	const options = useMemo(() => Object.entries(data ?? {}).map(([name, count]) => ({
+		value: name,
+		label: name,
+		count,
+		color: colorOf(name)
+	})), [data, colorOf]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		loading: isPending,
+		error,
+		placeholder: "Choose an activity…",
+		emptyText: "The log has no events",
+		...picker
+	});
+};
+//#endregion
+export { ActivityPicker };

package/dist/{AreaChart-DoD3LM50.js → AreaChart-q6rVcUIp.js}

@@ -1,11 +1,12 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { i as measureOf, n as axis, t as Plot } from "./Plot-CxHHyXot.js";
-import { n as traceCount, t as cartesian } from "./cartesian-5TPNWjl_.js";
+import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-jzzXgs0j.js";
+import { n as traceCount, t as cartesian } from "./cartesian-Dt7weMqK.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/charts/AreaChart.tsx
 var AreaChart_exports = /* @__PURE__ */ __exportAll({ AreaChart: () => AreaChart });
 /** A line with the ground beneath it filled in, for totals over time. */
-const AreaChart = ({ xRange, ...props }) => {
+const AreaChart = ({ xRange, ...given }) => {
+	const props = useChart(given);
 	const measure = measureOf(props.y);
 	return /* @__PURE__ */ jsx(Plot, {
 		traces: cartesian(props, {

package/dist/AttributePicker-Dd8eKA_3.js

@@ -0,0 +1,95 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-D4slIoZx.js";
+import { useE2o, useEventAttributes, useObjectAttributes } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useColorOf } from "@r4pm/components";
+//#region src/components/Pickers/AttributePicker.tsx
+const attributeId = (ref) => JSON.stringify(ref.target === "event" ? [
+	"event",
+	ref.activity,
+	ref.name
+] : [
+	"object",
+	ref.objectType,
+	ref.name
+]);
+/**
+* Attributes around an activity: those its events carry, and those of the
+* object types its events relate to, grouped by where they come from.
+*/
+const AttributePicker = ({ activity, objectTypes, onlyUniquelyRelated = false, valueTypes, ocelId, ocelVersion = "filtered", ...picker }) => {
+	const id = useOcelId(ocelId);
+	const activityColor = useColorOf("activity");
+	const objectTypeColor = useColorOf("objectType");
+	const enabled = id != null && activity !== void 0;
+	const events = useEventAttributes(id, {
+		ocel_version: ocelVersion,
+		names: activity ? [activity] : []
+	}, { query: { enabled } });
+	const relations = useE2o(id, {
+		source_types: activity ? [activity] : [],
+		ocel_version: ocelVersion,
+		page_size: 1e3
+	}, { query: { enabled } });
+	const relatedTypes = useMemo(() => {
+		const rows = (relations.data?.response ?? []).filter((row) => row.source === activity);
+		const isUnique = (type) => {
+			const [row, ...rest] = rows.filter((r) => r.target === type);
+			return row !== void 0 && rest.length === 0 && row.min_count === 1 && row.max_count === 1;
+		};
+		return [...new Set(rows.map((row) => row.target))].filter((type) => !objectTypes || objectTypes.includes(type)).filter((type) => !onlyUniquelyRelated || isUnique(type));
+	}, [
+		relations.data,
+		activity,
+		objectTypes,
+		onlyUniquelyRelated
+	]);
+	const objects = useObjectAttributes(id, {
+		ocel_version: ocelVersion,
+		names: relatedTypes
+	}, { query: { enabled: enabled && relatedTypes.length > 0 } });
+	const options = useMemo(() => {
+		if (activity === void 0) return [];
+		return [...attributeOptions(events.data, valueTypes, (name) => ({
+			target: "event",
+			activity,
+			name
+		}), {
+			label: activity,
+			color: activityColor(activity),
+			caption: "event attributes"
+		}), ...relatedTypes.flatMap((objectType) => attributeOptions(objects.data?.filter((a) => a.entity_type === objectType), valueTypes, (name) => ({
+			target: "object",
+			objectType,
+			name
+		}), {
+			label: objectType,
+			color: objectTypeColor(objectType),
+			caption: "object attributes"
+		}))];
+	}, [
+		activity,
+		events.data,
+		objects.data,
+		relatedTypes,
+		valueTypes,
+		activityColor,
+		objectTypeColor
+	]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		idOf: attributeId,
+		labelOf: (ref) => ref.name,
+		loading: events.isPending || relations.isPending || relatedTypes.length > 0 && objects.isPending,
+		error: events.error ?? relations.error ?? objects.error,
+		missing: activity === void 0 ? "Choose an activity first" : void 0,
+		placeholder: "Choose an attribute…",
+		emptyText: "No attributes to choose from",
+		...attributeDefaults,
+		...picker
+	});
+};
+//#endregion
+export { AttributePicker };

package/dist/{BarChart-Cixo5Okd.js → BarChart-BLZS87ex.js}

@@ -1,11 +1,12 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { i as measureOf, n as axis, t as Plot } from "./Plot-CxHHyXot.js";
-import { n as traceCount, t as cartesian } from "./cartesian-5TPNWjl_.js";
+import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-jzzXgs0j.js";
+import { n as traceCount, t as cartesian } from "./cartesian-Dt7weMqK.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/charts/BarChart.tsx
 var BarChart_exports = /* @__PURE__ */ __exportAll({ BarChart: () => BarChart });
 /** Counts as bars, one per category. */
-const BarChart = ({ stacked = false, horizontal = false, xRange, ...props }) => {
+const BarChart = ({ stacked = false, horizontal = false, xRange, ...given }) => {
+	const props = useChart(given);
 	const measure = measureOf(props.y);
 	const count = props.rows.length;
 	const traces = cartesian(props, {

package/dist/E2ORelationPicker-CcDSJWc0.js

@@ -0,0 +1,46 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { n as relationLabel, r as relationOptions, t as relationId } from "./relationOptions-DTtIOIr1.js";
+import { useE2o } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useColorOf } from "@r4pm/components";
+//#region src/components/Pickers/E2ORelationPicker.tsx
+/**
+* How events relate to objects: one choice per object type and qualifier,
+* with how many objects an event relates to.
+*/
+const E2ORelationPicker = ({ activity, ocelId, ocelVersion = "filtered", ...picker }) => {
+	const id = useOcelId(ocelId);
+	const activityColor = useColorOf("activity");
+	const objectTypeColor = useColorOf("objectType");
+	const { data, isPending, error } = useE2o(id, {
+		...activity ? { source_types: [activity] } : {},
+		ocel_version: ocelVersion,
+		page_size: 1e3
+	}, { query: { enabled: id != null } });
+	const options = useMemo(() => relationOptions({
+		rows: data?.response ?? [],
+		source: activity,
+		unit: "event",
+		sourceColor: activityColor,
+		targetColor: objectTypeColor
+	}), [
+		data,
+		activity,
+		activityColor,
+		objectTypeColor
+	]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		idOf: relationId,
+		labelOf: relationLabel,
+		loading: isPending,
+		error,
+		placeholder: "Choose a relation…",
+		emptyText: activity ? "Events of this type relate to no objects" : "Events relate to no objects",
+		...picker
+	});
+};
+//#endregion
+export { E2ORelationPicker };

package/dist/EventAttributePicker-Ch0rYS1h.js

@@ -0,0 +1,27 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-D4slIoZx.js";
+import { useEventAttributes } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Pickers/EventAttributePicker.tsx
+/** The attributes events carry, by name. */
+const EventAttributePicker = ({ activity, valueTypes, ocelId, ocelVersion = "filtered", ...picker }) => {
+	const id = useOcelId(ocelId);
+	const { data, isPending, error } = useEventAttributes(id, {
+		ocel_version: ocelVersion,
+		...activity ? { names: [activity] } : {}
+	}, { query: { enabled: id != null } });
+	const options = useMemo(() => attributeOptions(data, valueTypes, (name) => name), [data, valueTypes]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		loading: isPending,
+		error,
+		placeholder: "Choose an event attribute…",
+		emptyText: activity ? "Events of this type carry no attributes" : "Events carry no attributes",
+		...attributeDefaults,
+		...picker
+	});
+};
+//#endregion
+export { EventAttributePicker };

package/dist/EventPicker-DbqFMMr2.js

@@ -0,0 +1,39 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { t as useSearch } from "./useSearch-Ad3AtTVj.js";
+import { useEventCounts, useEventIds } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Pickers/EventPicker.tsx
+/** Events of the log, found by typing part of an id. */
+const EventPicker = ({ ocelId, ocelVersion = "filtered", limit = 50, ...picker }) => {
+	const id = useOcelId(ocelId);
+	const { search, setSearch, debounced } = useSearch();
+	const { data, isFetching, error } = useEventIds(id, {
+		search: debounced,
+		size: limit,
+		ocel_version: ocelVersion
+	}, { query: { enabled: id != null } });
+	const counts = useEventCounts(id, { ocel_version: ocelVersion }, { query: { enabled: id != null } });
+	const total = useMemo(() => Object.values(counts.data ?? {}).reduce((sum, n) => sum + n, 0), [counts.data]);
+	const options = useMemo(() => (data?.response ?? []).map((eventId) => ({
+		value: eventId,
+		label: eventId
+	})), [data]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		search,
+		onSearch: setSearch,
+		total: counts.data ? total : void 0,
+		loading: isFetching,
+		error,
+		placeholder: "Search for an event…",
+		emptyText: "No event matches",
+		sort: "name",
+		counts: false,
+		bars: false,
+		...picker
+	});
+};
+//#endregion
+export { EventPicker };

package/dist/HistogramChart-GgiQdlsk.js

@@ -0,0 +1,87 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-jzzXgs0j.js";
+import { jsx } from "react/jsx-runtime";
+import { useViewerConfig } from "@r4pm/components";
+//#region src/components/charts/HistogramChart.tsx
+var HistogramChart_exports = /* @__PURE__ */ __exportAll({ HistogramChart: () => HistogramChart });
+/**
+* A distribution as bins along a numeric axis.
+*
+* The rows are the bins, already counted: a histogram of a whole log is
+* computed where the log is, not from every value sent to the browser. Bars
+* touch and are as wide as their bin, so unequal bins and gaps where nothing
+* fell read as what they are.
+*/
+const HistogramChart = ({ xEnd, ...given }) => {
+	const props = useChart(given);
+	const { format } = useViewerConfig({});
+	const measure = measureOf(props.y);
+	const number = format?.number ?? defaultNumber;
+	const bins = props.rows.map((row) => ({
+		from: edge(row[props.x]),
+		to: edge(row[xEnd]),
+		count: Number(row[measure] ?? 0)
+	}));
+	const typical = median(bins.flatMap((bin) => bin.from !== void 0 && bin.to !== void 0 ? [bin.to - bin.from] : []));
+	const bars = bins.flatMap(({ from, to, count }) => {
+		if (from === void 0 && to === void 0) return [];
+		let start = from ?? to - typical;
+		let end = to ?? from + typical;
+		if (end === start) {
+			start -= typical / 2;
+			end += typical / 2;
+		}
+		return [{
+			center: (start + end) / 2,
+			width: end - start,
+			count,
+			open: from === void 0 || to === void 0,
+			label: from === void 0 ? `< ${number(to)}` : to === void 0 ? `> ${number(from)}` : from === to ? number(from) : `${number(from)} – ${number(to)}`
+		}];
+	});
+	const color = props.colorOf?.(props.x);
+	return /* @__PURE__ */ jsx(Plot, {
+		traces: [{
+			type: "bar",
+			x: bars.map((bar) => bar.center),
+			y: bars.map((bar) => bar.count),
+			width: bars.map((bar) => bar.width),
+			customdata: bars.map((bar) => bar.label),
+			hovertemplate: `<b>%{customdata}</b><br>${measure}: %{y}<extra></extra>`,
+			marker: {
+				...color && { color },
+				line: {
+					color: "rgba(128,128,128,0.45)",
+					width: 1
+				},
+				pattern: {
+					shape: bars.map((bar) => bar.open ? "/" : ""),
+					fillmode: "overlay"
+				},
+				opacity: bars.map((bar) => bar.open ? .55 : 1)
+			}
+		}],
+		readName: (point) => String(point.x ?? ""),
+		onSelect: props.onSelect,
+		layout: {
+			bargap: 0,
+			hovermode: "closest",
+			xaxis: axis(props.x),
+			yaxis: axis(measure)
+		}
+	});
+};
+/** A bin edge: a number, or nothing where the bin is open-ended. */
+const edge = (value) => {
+	if (value == null || value === "") return void 0;
+	const number = Number(value);
+	return Number.isFinite(number) ? number : void 0;
+};
+/** The middle width, or 1 where no bin has one to go by. */
+const median = (values) => {
+	const sorted = values.filter((value) => value > 0).sort((a, b) => a - b);
+	return sorted[Math.floor(sorted.length / 2)] ?? 1;
+};
+const defaultNumber = (value) => new Intl.NumberFormat(void 0, { maximumSignificantDigits: 4 }).format(value);
+//#endregion
+export { HistogramChart_exports as n, HistogramChart as t };

package/dist/{LineChart-CVz-dkJI.js → LineChart-Cq935Tk2.js}

@@ -1,11 +1,12 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { i as measureOf, n as axis, t as Plot } from "./Plot-CxHHyXot.js";
-import { n as toSeries, t as paint } from "./series-BBXVjHHY.js";
+import { a as measureOf, n as Plot, r as axis, t as useChart } from "./useChart-jzzXgs0j.js";
+import { n as toSeries, t as paint } from "./series-W1jsVape.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/charts/LineChart.tsx
 var LineChart_exports = /* @__PURE__ */ __exportAll({ LineChart: () => LineChart });
 /** Lines through ordered values, optionally with one scale per line. */
-const LineChart = ({ step = false, yAxes = "shared", xRange, ...props }) => {
+const LineChart = ({ step = false, yAxes = "shared", xRange, ...given }) => {
+	const props = useChart(given);
 	const groups = toSeries(props);
 	const independent = yAxes === "independent" && groups.length > 1;
 	const colors = groups.map((group) => {

package/dist/O2ORelationPicker-_XU1FfIX.js

@@ -0,0 +1,44 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { n as relationLabel, r as relationOptions, t as relationId } from "./relationOptions-DTtIOIr1.js";
+import { useO2o } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useColorOf } from "@r4pm/components";
+//#region src/components/Pickers/O2ORelationPicker.tsx
+/**
+* How objects relate to objects: one choice per object type and qualifier,
+* with how many objects an object relates to.
+*/
+const O2ORelationPicker = ({ objectType, ocelId, ocelVersion = "filtered", ...picker }) => {
+	const id = useOcelId(ocelId);
+	const objectTypeColor = useColorOf("objectType");
+	const { data, isPending, error } = useO2o(id, {
+		...objectType ? { source_types: [objectType] } : {},
+		ocel_version: ocelVersion,
+		page_size: 1e3
+	}, { query: { enabled: id != null } });
+	const options = useMemo(() => relationOptions({
+		rows: data?.response ?? [],
+		source: objectType,
+		unit: "object",
+		sourceColor: objectTypeColor,
+		targetColor: objectTypeColor
+	}), [
+		data,
+		objectType,
+		objectTypeColor
+	]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		idOf: relationId,
+		labelOf: relationLabel,
+		loading: isPending,
+		error,
+		placeholder: "Choose a relation…",
+		emptyText: objectType ? "Objects of this type relate to no objects" : "Objects relate to no objects",
+		...picker
+	});
+};
+//#endregion
+export { O2ORelationPicker };

package/dist/ObjectAttributePicker-Dpt3IfC5.js

@@ -0,0 +1,27 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { n as attributeOptions, t as attributeDefaults } from "./attributeOptions-D4slIoZx.js";
+import { useObjectAttributes } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Pickers/ObjectAttributePicker.tsx
+/** The attributes objects carry, by name. */
+const ObjectAttributePicker = ({ objectType, valueTypes, ocelId, ocelVersion = "filtered", ...picker }) => {
+	const id = useOcelId(ocelId);
+	const { data, isPending, error } = useObjectAttributes(id, {
+		ocel_version: ocelVersion,
+		...objectType ? { names: [objectType] } : {}
+	}, { query: { enabled: id != null } });
+	const options = useMemo(() => attributeOptions(data, valueTypes, (name) => name), [data, valueTypes]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		loading: isPending,
+		error,
+		placeholder: "Choose an object attribute…",
+		emptyText: objectType ? "Objects of this type carry no attributes" : "Objects carry no attributes",
+		...attributeDefaults,
+		...picker
+	});
+};
+//#endregion
+export { ObjectAttributePicker };

package/dist/ObjectPicker-Bd68wl9p.js

@@ -0,0 +1,39 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { t as useSearch } from "./useSearch-Ad3AtTVj.js";
+import { useObjectCounts, useObjectIds } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Pickers/ObjectPicker.tsx
+/** Objects of the log, found by typing part of an id. */
+const ObjectPicker = ({ ocelId, ocelVersion = "filtered", limit = 50, ...picker }) => {
+	const id = useOcelId(ocelId);
+	const { search, setSearch, debounced } = useSearch();
+	const { data, isFetching, error } = useObjectIds(id, {
+		search: debounced,
+		size: limit,
+		ocel_version: ocelVersion
+	}, { query: { enabled: id != null } });
+	const counts = useObjectCounts(id, { ocel_version: ocelVersion }, { query: { enabled: id != null } });
+	const total = useMemo(() => Object.values(counts.data ?? {}).reduce((sum, n) => sum + n, 0), [counts.data]);
+	const options = useMemo(() => (data?.response ?? []).map((objectId) => ({
+		value: objectId,
+		label: objectId
+	})), [data]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		search,
+		onSearch: setSearch,
+		total: counts.data ? total : void 0,
+		loading: isFetching,
+		error,
+		placeholder: "Search for an object…",
+		emptyText: "No object matches",
+		sort: "name",
+		counts: false,
+		bars: false,
+		...picker
+	});
+};
+//#endregion
+export { ObjectPicker };

package/dist/ObjectTypePicker-CXCMky34.js

@@ -0,0 +1,42 @@
+import { t as useOcelId } from "./useOcelId-DIu_aGLH.js";
+import { OptionPicker } from "./OptionPicker-D9rUIwbY.js";
+import { useE2o, useObjectCounts } from "@ocelescope/api-base";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useColorOf } from "@r4pm/components";
+//#region src/components/Pickers/ObjectTypePicker.tsx
+/** The log's object types, by how many objects each has. */
+const ObjectTypePicker = ({ activity, ocelId, ocelVersion = "filtered", ...picker }) => {
+	const id = useOcelId(ocelId);
+	const colorOf = useColorOf("objectType");
+	const { data, isPending, error } = useObjectCounts(id, { ocel_version: ocelVersion }, { query: { enabled: id != null } });
+	const relations = useE2o(id, {
+		source_types: activity ? [activity] : [],
+		ocel_version: ocelVersion,
+		page_size: 1e3
+	}, { query: { enabled: id != null && activity !== void 0 } });
+	const options = useMemo(() => {
+		const related = activity === void 0 ? void 0 : new Set((relations.data?.response ?? []).filter((row) => row.source === activity).map((row) => row.target));
+		return Object.entries(data ?? {}).filter(([name]) => !related || related.has(name)).map(([name, count]) => ({
+			value: name,
+			label: name,
+			count,
+			color: colorOf(name)
+		}));
+	}, [
+		data,
+		colorOf,
+		activity,
+		relations.data
+	]);
+	return /* @__PURE__ */ jsx(OptionPicker, {
+		options,
+		loading: isPending || activity !== void 0 && relations.isPending,
+		error: error ?? relations.error,
+		placeholder: "Choose an object type…",
+		emptyText: "The log has no objects",
+		...picker
+	});
+};
+//#endregion
+export { ObjectTypePicker };

package/dist/{OcelChart-DvGTjJXo.js → OcelChart-BnXjHb_r.js}

@@ -1,5 +1,5 @@
 import { t as useOcelQuery } from "./useOcelQuery-D1QM-Zgv.js";
-import { SqlChart } from "./SqlChart-bwDArK2l.js";
+import { SqlChart } from "./SqlChart-Bf7D5o5P.js";
 import { jsx } from "react/jsx-runtime";
 import { AsyncBoundary, EmptyState } from "@r4pm/components";
 //#region src/components/charts/OcelChart.tsx