@ocelescope/core 0.10.0 → 0.10.2

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

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { colorForSeed, useViewerConfig } from "@r4pm/components";
 import { ThemedPlot } from "@r4pm/components/charts";
 //#region src/components/charts/types.ts
 /** How a cell reads once it is a label. */
@@ -72,4 +73,30 @@ const axis = (title, range) => ({
 	...range && { range: [...range] }
 });
 //#endregion
-export { plotted as a, measureOf as i, axis as n, label as r, Plot as t };
+//#region 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
+		}) }
+	};
+};
+//#endregion
+export { measureOf as a, label as i, Plot as n, plotted as o, axis as r, useChart as t };

package/dist/{useOcelId-BSU0-Srk.js → useOcelId-DIu_aGLH.js}

@@ -1,6 +1,9 @@
 import { t as useCurrentOcel } from "./useCurrentOCEL-BeBa7K0g.js";
-//#region src/components/pickers/internal/useOcelId.ts
+//#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;
+const useOcelId = (ocelId) => {
+	const current = useCurrentOcel();
+	return ocelId ?? current.id;
+};
 //#endregion
 export { useOcelId as t };

package/dist/useSearch-Ad3AtTVj.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from "react";
+//#region 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
+	};
+};
+//#endregion
+export { useSearch as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ocelescope/core",
   "type": "module",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "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,35 +28,34 @@
     "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.2",
+    "@mantine/dropzone": "^9.7.2",
+    "@mantine/hooks": "^9.7.2",
+    "@mantine/notifications": "^9.7.2",
     "@marko19907/string-to-color": "^1.0.2",
-    "@ocelescope/api-base": "^0.10.0",
-    "@ocelescope/api-client": "^0.10.0",
-    "@ocelescope/resources": "^0.10.0",
-    "@tanstack/react-query": "^5.90.21",
-    "@tanstack/react-query-devtools": "^5.91.3",
+    "@ocelescope/api-base": "^0.10.2",
+    "@ocelescope/api-client": "^0.10.2",
+    "@ocelescope/resources": "^0.10.2",
+    "@tanstack/react-query": "^5.104.2",
+    "@tanstack/react-query-devtools": "^5.104.2",
     "@r4pm/components": "^0.3.2",
     "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.56.0",
     "mantine-datatable": "^9.4.0",
-    "next": "16.3.6",
+    "next": "16.4.0",
     "qs": "^6.16.0",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
-    "zod": "^4.6.5",
+    "zod": "^4.6.7",
     "zustand": "^5.0.15"
   },
   "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.2",
+    "@mantine/notifications": "^9.7.2",
+    "@tsdown/css": "^0.23.1",
     "@types/file-saver": "^2.0.7",
     "@types/node": "^26.6.1",
     "@types/qs": "^6.15.1",
@@ -64,7 +63,7 @@
     "@types/react-dom": "^19.3.0",
     "@xyflow/react": "^12.11.3",
     "qs": "^6.16.0",
-    "tsdown": "^0.23.0",
+    "tsdown": "^0.23.1",
     "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 };