@ocelescope/core 0.10.1 → 0.11.0

package/dist/{Plot-CxHHyXot.js → useChart-BK4pjGal.js}

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
+import { colorForSeed, useViewerConfig } from "@r4pm/components";
 import { ThemedPlot } from "@r4pm/components/charts";
-//#region src/components/charts/types.ts
+// src/components/charts/types.ts
 /** How a cell reads once it is a label. */
 const label = (value) => value == null ? "∅" : String(value);
 /** A cell as the chart plots it: a number where it is one, else its text. */
@@ -12,8 +13,7 @@ const plotted = (value) => {
 };
 /** The first, or only, column holding numbers. */
 const measureOf = (y) => (Array.isArray(y) ? y[0] : y) ?? "";
-//#endregion
-//#region src/components/charts/internal/Plot.tsx
+// src/components/charts/internal/Plot.tsx
 /**
 * The plot every chart draws on: r4pm's themed Plotly, with the parts that
 * should look the same everywhere - margins, legend, no mode bar - already set.
@@ -71,5 +71,29 @@ const axis = (title, range) => ({
 	} },
 	...range && { range: [...range] }
 });
-//#endregion
-export { plotted as a, measureOf as i, axis as n, label as r, Plot as t };
+// src/components/charts/internal/useChart.ts
+/**
+* A chart's props with colour and selection resolved the way every r4pm
+* viewer does: the chart's own prop, else the ambient `ViewerConfig`, else
+* the hash. Both come back bound to the chart's scope, which is all the
+* traces need.
+*/
+const useChart = ({ rows, x, y, series, colorScope, colorOf, onSelect }) => {
+	const config = useViewerConfig({
+		colorOf,
+		onSelect
+	});
+	return {
+		rows,
+		x,
+		y,
+		series,
+		...colorScope && { colorOf: (name) => config.colorOf?.(colorScope, name) ?? colorForSeed(name) },
+		...config.onSelect && { onSelect: (name, point) => config.onSelect?.({
+			scope: colorScope ?? x,
+			key: name,
+			data: point
+		}) }
+	};
+};
+export { measureOf as a, label as i, Plot as n, plotted as o, axis as r, useChart as t };

package/dist/{useCurrentOCEL-BeBa7K0g.js → useCurrentOCEL-BUH5XGje.js}

@@ -3,14 +3,13 @@ import { useEffect } from "react";
 import { env } from "@ocelescope/api-client";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
-//#region src/store/currentOcelStore.ts
+// src/store/currentOcelStore.ts
 const useCurrentOcelStore = create()(persist((set) => ({
 	ocelId: null,
 	setOcel: (id) => set({ ocelId: id }),
 	clearOcel: () => set({ ocelId: null })
 }), { name: env.current_ocel_id }));
-//#endregion
-//#region src/hooks/useCurrentOCEL.ts
+// src/hooks/useCurrentOCEL.ts
 const useCurrentOcel = () => {
 	const { data: ocels = [], isSuccess } = useGetOcels();
 	const { ocelId, setOcel, clearOcel } = useCurrentOcelStore();
@@ -30,5 +29,4 @@ const useCurrentOcel = () => {
 		setCurrentOcel: setOcel
 	};
 };
-//#endregion
 export { useCurrentOcel as t };

package/dist/useOcelId-BEC6_yRa.js

@@ -0,0 +1,8 @@
+import { t as useCurrentOcel } from "./useCurrentOCEL-BUH5XGje.js";
+// src/components/Pickers/internal/useOcelId.ts
+/** The OCEL a picker reads: the one it was given, else the selected one. */
+const useOcelId = (ocelId) => {
+	const current = useCurrentOcel();
+	return ocelId ?? current.id;
+};
+export { useOcelId as t };

package/dist/{useOcelQuery-D1QM-Zgv.js → useOcelQuery-6vtgZNzz.js}

@@ -1,7 +1,7 @@
-import { t as useCurrentOcel } from "./useCurrentOCEL-BeBa7K0g.js";
+import { t as useCurrentOcel } from "./useCurrentOCEL-BUH5XGje.js";
 import { useRunSqlQuery } from "@ocelescope/api-base";
 import { useMemo } from "react";
-//#region src/hooks/useOcelQuery.ts
+// src/hooks/useOcelQuery.ts
 /**
 * Run SQL against the current OCEL.
 *
@@ -30,5 +30,4 @@ const sqlError = (error) => {
 	const detail = error?.response?.data?.detail;
 	return detail ? new Error(detail) : error;
 };
-//#endregion
 export { useOcelQuery as t };

package/dist/useSearch-CdXjjv-a.js

@@ -0,0 +1,18 @@
+import { useEffect, useState } from "react";
+// src/components/Pickers/internal/useSearch.ts
+const DELAY_MS = 300;
+/** What the reader has typed, slowed to one request per pause in typing. */
+const useSearch = () => {
+	const [search, setSearch] = useState("");
+	const [debounced, setDebounced] = useState("");
+	useEffect(() => {
+		const timer = setTimeout(() => setDebounced(search), DELAY_MS);
+		return () => clearTimeout(timer);
+	}, [search]);
+	return {
+		search,
+		setSearch,
+		debounced: debounced || void 0
+	};
+};
+export { useSearch as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ocelescope/core",
   "type": "module",
-  "version": "0.10.1",
+  "version": "0.11.0",
   "description": "Core React component and style library for Ocelescope (Mantine + React Query).",
   "author": "Görkem-Emre Öztürk <goerkem.oeztuerk@rwth-aachen.de>",
   "license": "MIT",
@@ -28,43 +28,42 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@mantine/core": "^9.5.1",
-    "@mantine/dropzone": "^9.5.1",
-    "@mantine/hooks": "^9.5.1",
-    "@mantine/notifications": "^9.5.1",
+    "@mantine/core": "^9.7.4",
+    "@mantine/dropzone": "^9.7.4",
+    "@mantine/hooks": "^9.7.4",
+    "@mantine/notifications": "^9.7.4",
     "@marko19907/string-to-color": "^1.0.2",
-    "@ocelescope/api-base": "^0.10.1",
-    "@ocelescope/api-client": "^0.10.1",
-    "@ocelescope/resources": "^0.10.1",
-    "@tanstack/react-query": "^5.90.21",
-    "@tanstack/react-query-devtools": "^5.91.3",
-    "@r4pm/components": "^0.3.2",
+    "@ocelescope/api-base": "^0.11.0",
+    "@ocelescope/api-client": "^0.11.0",
+    "@ocelescope/resources": "^0.11.0",
+    "@tanstack/react-query": "^5.105.0",
+    "@tanstack/react-query-devtools": "^5.105.0",
+    "@r4pm/components": "^0.4.0",
     "clsx": "^2.1.1",
     "content-disposition-attachment": "^0.3.1",
     "dayjs": "^1.11.23",
     "file-saver": "^2.0.5",
-    "lucide-react": "^1.0.0",
+    "lucide-react": "^1.63.0",
     "mantine-datatable": "^9.4.0",
-    "next": "16.3.6",
-    "qs": "^6.16.0",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "zod": "^4.6.5",
-    "zustand": "^5.0.15"
+    "next": "16.4.3",
+    "qs": "^6.17.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "zod": "^4.6.7",
+    "zustand": "^5.0.16"
   },
   "devDependencies": {
-    "@mantine/charts": "^9.5.1",
-    "@mantine/dates": "^9.5.1",
-    "@mantine/notifications": "^9.5.1",
-    "@tsdown/css": "^0.23.0",
+    "@mantine/dates": "^9.7.4",
+    "@mantine/notifications": "^9.7.4",
+    "@tsdown/css": "^0.23.3",
     "@types/file-saver": "^2.0.7",
-    "@types/node": "^26.6.1",
+    "@types/node": "^26.6.5",
     "@types/qs": "^6.15.1",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@xyflow/react": "^12.11.3",
-    "qs": "^6.16.0",
-    "tsdown": "^0.23.0",
+    "@xyflow/react": "^12.12.0",
+    "qs": "^6.17.0",
+    "tsdown": "^0.23.3",
     "typescript": "^6.0.3"
   },
   "scripts": {

package/dist/ActivityPicker-DbrGeiC_.js

@@ -1,18 +0,0 @@
-import { t as useOcelId } from "./useOcelId-BSU0-Srk.js";
-import { NamePicker } from "./NamePicker-Be-qmr1x.js";
-import { useEventCounts } from "@ocelescope/api-base";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/pickers/ActivityPicker.tsx
-/** The log's activities, by how often they occur. */
-const ActivityPicker = ({ ocelId, ocelVersion = "filtered", ...picker }) => {
-	const id = useOcelId(ocelId);
-	const { data, isPending } = useEventCounts(id, { ocel_version: ocelVersion }, { query: { enabled: id != null } });
-	return /* @__PURE__ */ jsx(NamePicker, {
-		items: data ?? {},
-		scope: "activity",
-		loading: isPending,
-		...picker
-	});
-};
-//#endregion
-export { ActivityPicker };

package/dist/EventAttributePicker-Cf2vVKv5.js

@@ -1,27 +0,0 @@
-import { t as useOcelId } from "./useOcelId-BSU0-Srk.js";
-import { NamePicker } from "./NamePicker-Be-qmr1x.js";
-import { useEventAttributes } from "@ocelescope/api-base";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/pickers/EventAttributePicker.tsx
-/** The attributes events carry, counted by how many values each takes. */
-const EventAttributePicker = ({ activity, ocelId, ocelVersion = "filtered", ...picker }) => {
-	const id = useOcelId(ocelId);
-	const { data, isPending } = useEventAttributes(id, {
-		ocel_version: ocelVersion,
-		...activity ? { names: [activity] } : {}
-	}, { query: { enabled: id != null } });
-	return /* @__PURE__ */ jsx(NamePicker, {
-		items: (data ?? []).map((attribute) => ({
-			key: attribute.name,
-			count: attribute.distinct_values
-		})),
-		scope: "attribute",
-		loading: isPending,
-		bars: false,
-		cutoff: false,
-		sort: "name",
-		...picker
-	});
-};
-//#endregion
-export { EventAttributePicker };

package/dist/NamePicker-Be-qmr1x.js

@@ -1,43 +0,0 @@
-import { Stack, Text } from "@mantine/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FrequencyPicker } from "@r4pm/components";
-//#region src/components/pickers/types.ts
-/** The names as a set, which is how the pickers themselves hold them. */
-const chosen = (selection) => new Set(selection.multiple ? selection.value : selection.value == null ? [] : [selection.value]);
-/** Report a set back as the one name, or the list, the caller asked for. */
-const report = (selection, names) => {
-	const list = [...names];
-	if (selection.multiple) selection.onChange(list);
-	else selection.onChange(list[0]);
-};
-//#endregion
-//#region src/components/pickers/NamePicker.tsx
-/**
-* Picking names out of a list, with what is known about how often each occurs.
-*
-* Presentational: it is handed the names and reports back what was picked.
-* `ActivityPicker` and the others wrap it around an endpoint.
-*/
-const NamePicker = ({ items, label, searchable = true, bars = true, counts = true, cutoff = false, sort = "count", scope = "name", loading = false, emptyText, disabled = false, autoFocus, ...selection }) => /* @__PURE__ */ jsxs(Stack, {
-	gap: 4,
-	children: [label && /* @__PURE__ */ jsx(Text, {
-		size: "xs",
-		c: "dimmed",
-		children: label
-	}), /* @__PURE__ */ jsx(FrequencyPicker, {
-		items,
-		mode: selection.multiple ? "multi" : "single",
-		value: chosen(selection),
-		onChange: (next) => !disabled && report(selection, next),
-		searchable,
-		showBars: bars,
-		showCounts: counts,
-		showCutoff: cutoff,
-		sort,
-		scope,
-		autoFocus,
-		emptyText: emptyText ?? (loading ? "Reading the OCEL…" : "Nothing here")
-	})]
-});
-//#endregion
-export { NamePicker };

package/dist/ObjectAttributePicker-CL43EsYt.js

@@ -1,27 +0,0 @@
-import { t as useOcelId } from "./useOcelId-BSU0-Srk.js";
-import { NamePicker } from "./NamePicker-Be-qmr1x.js";
-import { useObjectAttributes } from "@ocelescope/api-base";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/pickers/ObjectAttributePicker.tsx
-/** The attributes objects carry, counted by how many values each takes. */
-const ObjectAttributePicker = ({ objectType, ocelId, ocelVersion = "filtered", ...picker }) => {
-	const id = useOcelId(ocelId);
-	const { data, isPending } = useObjectAttributes(id, {
-		ocel_version: ocelVersion,
-		...objectType ? { names: [objectType] } : {}
-	}, { query: { enabled: id != null } });
-	return /* @__PURE__ */ jsx(NamePicker, {
-		items: (data ?? []).map((attribute) => ({
-			key: attribute.name,
-			count: attribute.distinct_values
-		})),
-		scope: "attribute",
-		loading: isPending,
-		bars: false,
-		cutoff: false,
-		sort: "name",
-		...picker
-	});
-};
-//#endregion
-export { ObjectAttributePicker };

package/dist/ObjectTypePicker-CKmszS0y.js

@@ -1,18 +0,0 @@
-import { t as useOcelId } from "./useOcelId-BSU0-Srk.js";
-import { NamePicker } from "./NamePicker-Be-qmr1x.js";
-import { useObjectCounts } from "@ocelescope/api-base";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/pickers/ObjectTypePicker.tsx
-/** The log's object types, by how often they occur. */
-const ObjectTypePicker = ({ ocelId, ocelVersion = "filtered", ...picker }) => {
-	const id = useOcelId(ocelId);
-	const { data, isPending } = useObjectCounts(id, { ocel_version: ocelVersion }, { query: { enabled: id != null } });
-	return /* @__PURE__ */ jsx(NamePicker, {
-		items: data ?? {},
-		scope: "objectType",
-		loading: isPending,
-		...picker
-	});
-};
-//#endregion
-export { ObjectTypePicker };

package/dist/useOcelId-BSU0-Srk.js

@@ -1,6 +0,0 @@
-import { t as useCurrentOcel } from "./useCurrentOCEL-BeBa7K0g.js";
-//#region src/components/pickers/internal/useOcelId.ts
-/** The OCEL a picker reads: the one it was given, else the selected one. */
-const useOcelId = (ocelId) => ocelId ?? useCurrentOcel().id;
-//#endregion
-export { useOcelId as t };