@ocelescope/core 0.10.0 → 0.10.2

package/dist/index.js

@@ -1,8 +1,7 @@
 import { t as useCurrentOcel } from "./useCurrentOCEL-BeBa7K0g.js";
-import { t as useOcelId } from "./useOcelId-BSU0-Srk.js";
 import { t as useOcelQuery } from "./useOcelQuery-D1QM-Zgv.js";
 import { ActionIcon, Anchor, AppShell, Box, Burger, Button, Center, ColorSchemeScript, CopyButton, Divider, Group, LoadingOverlay, MantineProvider, Modal, MultiSelect, NavLink, Select, Stack, Table, Text, ThemeIcon, Tooltip, UnstyledButton, createTheme, mantineHtmlProps, useMantineTheme } from "@mantine/core";
-import { getDownloadFlatLogQueryKey, getDownloadOCELQueryKey, getDownloadResourceAsPnmlQueryKey, getDownloadResourceQueryKey, getDownloadVariantFlatLogQueryKey, useActivities, useAggregatedAttributes, useAttributeNames, useE2o, useE2oCombinations, useEventAttributes, useEventIds, useGetDefaultOcel, useGetOcels, useImportDefaultOcel, useLogout, useO2o, useO2oCombinations, useObjectAttributes, useObjectIds, useObjectTypes, useUpload } from "@ocelescope/api-base";
+import { getDownloadFlatLogQueryKey, getDownloadOCELQueryKey, getDownloadResourceAsPnmlQueryKey, getDownloadResourceQueryKey, getDownloadVariantFlatLogQueryKey, useActivities, useAggregatedAttributes, useAttributeNames, useE2o, useE2oCombinations, useEventAttributes, useGetDefaultOcel, useGetOcels, useImportDefaultOcel, useLogout, useO2o, useO2oCombinations, useObjectAttributes, useObjectTypes, useUpload } from "@ocelescope/api-base";
 import { HydrationBoundary, QueryClient, QueryClientProvider, keepPreviousData, useQueryClient } from "@tanstack/react-query";
 import { BookOpenIcon, BugIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ContainerIcon, DownloadIcon, FilterIcon, GlobeIcon, HelpCircleIcon, LightbulbIcon, LogOutIcon, MailIcon, PackageIcon, PackagePlusIcon, PuzzleIcon, TriangleAlertIcon, UploadIcon, XIcon } from "lucide-react";
 import { DataTable } from "mantine-datatable";
@@ -17,7 +16,7 @@ import z from "zod";
 import { Notifications, showNotification } from "@mantine/notifications";
 import { Theme } from "@r4pm/components/ui";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import { useDebouncedValue, useDisclosure } from "@mantine/hooks";
+import { useDisclosure } from "@mantine/hooks";
 import { env as env$1, useSessionStore } from "@ocelescope/api-client";
 import Link from "next/link.js";
 import { useRouter } from "next/router.js";
@@ -365,14 +364,15 @@ const BarList = ({ data, labelHeader, valueHeader = "Frequency", maxVisibleItems
 //#endregion
 //#region src/components/charts/index.tsx
 const browserOnly = (load) => dynamic(load, { ssr: false });
-const BarChart = browserOnly(() => import("./BarChart-Cixo5Okd.js").then((n) => n.n).then((module) => module.BarChart));
-const LineChart = browserOnly(() => import("./LineChart-CVz-dkJI.js").then((n) => n.n).then((module) => module.LineChart));
-const AreaChart = browserOnly(() => import("./AreaChart-DoD3LM50.js").then((n) => n.n).then((module) => module.AreaChart));
-const ScatterChart = browserOnly(() => import("./ScatterChart-jIQOjQes.js").then((n) => n.n).then((module) => module.ScatterChart));
-const PieChart = browserOnly(() => import("./PieChart-DBiASngC.js").then((n) => n.n).then((module) => module.PieChart));
-const SunburstChart = browserOnly(() => import("./SunburstChart-D6FhYBHI.js").then((n) => n.n).then((module) => module.SunburstChart));
-const SqlChart = browserOnly(() => import("./SqlChart-bwDArK2l.js").then((module) => module.SqlChart));
-const OcelChart = browserOnly(() => import("./OcelChart-DvGTjJXo.js").then((module) => module.OcelChart));
+const BarChart = browserOnly(() => import("./BarChart-BLZS87ex.js").then((n) => n.n).then((module) => module.BarChart));
+const HistogramChart = browserOnly(() => import("./HistogramChart-GgiQdlsk.js").then((n) => n.n).then((module) => module.HistogramChart));
+const LineChart = browserOnly(() => import("./LineChart-Cq935Tk2.js").then((n) => n.n).then((module) => module.LineChart));
+const AreaChart = browserOnly(() => import("./AreaChart-q6rVcUIp.js").then((n) => n.n).then((module) => module.AreaChart));
+const ScatterChart = browserOnly(() => import("./ScatterChart-DJfJmABJ.js").then((n) => n.n).then((module) => module.ScatterChart));
+const PieChart = browserOnly(() => import("./PieChart-DZFHaTXD.js").then((n) => n.n).then((module) => module.PieChart));
+const SunburstChart = browserOnly(() => import("./SunburstChart-CMNYlKon.js").then((n) => n.n).then((module) => module.SunburstChart));
+const SqlChart = browserOnly(() => import("./SqlChart-Bf7D5o5P.js").then((module) => module.SqlChart));
+const OcelChart = browserOnly(() => import("./OcelChart-BnXjHb_r.js").then((module) => module.OcelChart));
 //#endregion
 //#region src/components/Dropzone/Dropzone.module.css
 var Dropzone_module_default = {
@@ -550,6 +550,10 @@ const sseHandler = async (req, res) => {
 		});
 		const webStream = backendRes.body;
 		const nodeStream = Readable.fromWeb(webStream);
+		nodeStream.on("error", (err) => {
+			if (!controller.signal.aborted) console.error("SSE stream error:", err);
+			res.end();
+		});
 		nodeStream.pipe(res);
 		res.on("close", () => {
 			console.log("Client disconnected");
@@ -1324,94 +1328,18 @@ const OcelescopeDocument = () => {
 	});
 };
 //#endregion
-//#region src/components/pickers/IdPicker.tsx
-/**
-* Picking ids by typing.
-*
-* Presentational: a log holds far more events and objects than a list can
-* show, so the caller decides which ids a search turns up.
-*/
-const IdPicker = ({ ids, label, placeholder = "Search…", search, onSearch, loading = false, emptyText, disabled, ...selection }) => {
-	const picked = selection.multiple ? [...selection.value] : selection.value ? [selection.value] : [];
-	const shared = {
-		size: "xs",
-		label,
-		placeholder,
-		searchable: true,
-		disabled,
-		data: [.../* @__PURE__ */ new Set([...ids, ...picked])],
-		searchValue: search,
-		onSearchChange: onSearch,
-		nothingFoundMessage: emptyText ?? (loading ? "Searching…" : "Nothing found")
-	};
-	return selection.multiple ? /* @__PURE__ */ jsx(MultiSelect, {
-		...shared,
-		value: picked,
-		onChange: selection.onChange,
-		clearable: true
-	}) : /* @__PURE__ */ jsx(Select, {
-		...shared,
-		value: picked[0] ?? null,
-		onChange: (next) => selection.onChange(next ?? void 0)
-	});
-};
-//#endregion
-//#region src/components/pickers/internal/useSearch.ts
-/** What the reader has typed, slowed to one request per pause in typing. */
-const useSearch = () => {
-	const [search, setSearch] = useState("");
-	const [debounced] = useDebouncedValue(search, 300);
-	return {
-		search,
-		setSearch,
-		debounced: debounced || void 0
-	};
-};
-//#endregion
-//#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, isPending } = useEventIds(id, {
-		search: debounced,
-		size: limit,
-		ocel_version: ocelVersion
-	}, { query: { enabled: id != null } });
-	return /* @__PURE__ */ jsx(IdPicker, {
-		ids: data?.response ?? [],
-		search,
-		onSearch: setSearch,
-		loading: isPending,
-		...picker
-	});
-};
-//#endregion
-//#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, isPending } = useObjectIds(id, {
-		search: debounced,
-		size: limit,
-		ocel_version: ocelVersion
-	}, { query: { enabled: id != null } });
-	return /* @__PURE__ */ jsx(IdPicker, {
-		ids: data?.response ?? [],
-		search,
-		onSearch: setSearch,
-		loading: isPending,
-		...picker
-	});
-};
-//#endregion
-//#region src/components/pickers/index.tsx
-const NamePicker = dynamic(() => import("./NamePicker-Be-qmr1x.js").then((module) => module.NamePicker), { ssr: false });
-const ActivityPicker = dynamic(() => import("./ActivityPicker-DbrGeiC_.js").then((module) => module.ActivityPicker), { ssr: false });
-const ObjectTypePicker = dynamic(() => import("./ObjectTypePicker-CKmszS0y.js").then((module) => module.ObjectTypePicker), { ssr: false });
-const EventAttributePicker = dynamic(() => import("./EventAttributePicker-Cf2vVKv5.js").then((module) => module.EventAttributePicker), { ssr: false });
-const ObjectAttributePicker = dynamic(() => import("./ObjectAttributePicker-CL43EsYt.js").then((module) => module.ObjectAttributePicker), { ssr: false });
+//#region src/components/Pickers/index.tsx
+const clientOnly = (load) => dynamic(load, { ssr: false });
+const OptionPicker = clientOnly(() => import("./OptionPicker-D9rUIwbY.js").then((m) => m.OptionPicker));
+const ActivityPicker = clientOnly(() => import("./ActivityPicker-BfA34hBU.js").then((m) => m.ActivityPicker));
+const ObjectTypePicker = clientOnly(() => import("./ObjectTypePicker-CXCMky34.js").then((m) => m.ObjectTypePicker));
+const EventPicker = clientOnly(() => import("./EventPicker-DbqFMMr2.js").then((m) => m.EventPicker));
+const ObjectPicker = clientOnly(() => import("./ObjectPicker-Bd68wl9p.js").then((m) => m.ObjectPicker));
+const EventAttributePicker = clientOnly(() => import("./EventAttributePicker-Ch0rYS1h.js").then((m) => m.EventAttributePicker));
+const ObjectAttributePicker = clientOnly(() => import("./ObjectAttributePicker-Dpt3IfC5.js").then((m) => m.ObjectAttributePicker));
+const AttributePicker = clientOnly(() => import("./AttributePicker-Dd8eKA_3.js").then((m) => m.AttributePicker));
+const E2ORelationPicker = clientOnly(() => import("./E2ORelationPicker-CcDSJWc0.js").then((m) => m.E2ORelationPicker));
+const O2ORelationPicker = clientOnly(() => import("./O2ORelationPicker-_XU1FfIX.js").then((m) => m.O2ORelationPicker));
 //#endregion
 //#region src/components/RelationTable.tsx
 const PAGE_SIZE = 10;
@@ -1713,4 +1641,4 @@ const useDownloadResourceAsPnml = useDownloadFromServer(getDownloadResourceAsPnm
 const defineModule = (def) => def;
 const defineModuleRoute = (def) => def;
 //#endregion
-export { ActivityPicker, AreaChart, AttributesTable, BarChart, BarList, EventAttributePicker, EventPicker, FileDropzone, FullScreenUpload, HelpModal, IdPicker, LineChart, NamePicker, ObjectAttributePicker, ObjectPicker, ObjectTypePicker, OcelChart, OcelSelect, OcelescopeApp, OcelescopeDocument, PieChart, RelationTable, ScatterChart, SqlChart, SunburstChart, UploadModal, UploadSection, createModulesPage, defineModule, defineModuleRoute, env, formatAttributeValue, getModuleRoute, sseHandler, useCurrentOcel, useDownloadFile, useDownloadFlatOCEL, useDownloadOCEL, useDownloadResource, useDownloadResourceAsPnml, useDownloadVariantFlatLog, useInvalidate, useOcelQuery };
+export { ActivityPicker, AreaChart, AttributePicker, AttributesTable, BarChart, BarList, E2ORelationPicker, EventAttributePicker, EventPicker, FileDropzone, FullScreenUpload, HelpModal, HistogramChart, LineChart, O2ORelationPicker, ObjectAttributePicker, ObjectPicker, ObjectTypePicker, OcelChart, OcelSelect, OcelescopeApp, OcelescopeDocument, OptionPicker, PieChart, RelationTable, ScatterChart, SqlChart, SunburstChart, UploadModal, UploadSection, createModulesPage, defineModule, defineModuleRoute, env, formatAttributeValue, getModuleRoute, sseHandler, useCurrentOcel, useDownloadFile, useDownloadFlatOCEL, useDownloadOCEL, useDownloadResource, useDownloadResourceAsPnml, useDownloadVariantFlatLog, useInvalidate, useOcelQuery };

package/dist/relationOptions-DTtIOIr1.js

@@ -0,0 +1,33 @@
+//#region src/components/Pickers/internal/relationOptions.ts
+const relationId = (relation) => JSON.stringify([
+	relation.source,
+	relation.target,
+	relation.qualifier
+]);
+const relationLabel = (relation) => relation.qualifier ? `${relation.target} · ${relation.qualifier}` : relation.target;
+/**
+* Rows of the E2O or O2O endpoint as options: one per target type and
+* qualifier, counted by how many relations there are. Grouped by source
+* unless the picker is narrowed to one.
+*/
+const relationOptions = ({ rows, source, unit, sourceColor, targetColor }) => rows.filter((row) => source === void 0 || row.source === source).map((row) => {
+	const relation = {
+		source: row.source,
+		target: row.target,
+		qualifier: row.qualifier
+	};
+	const perSource = row.min_count === row.max_count ? `${row.min_count}` : `${row.min_count}–${row.max_count}`;
+	return {
+		value: relation,
+		label: relationLabel(relation),
+		description: `${perSource} per ${unit}`,
+		count: row.sum,
+		color: targetColor(row.target),
+		group: source === void 0 ? {
+			label: row.source,
+			color: sourceColor(row.source)
+		} : void 0
+	};
+});
+//#endregion
+export { relationLabel as n, relationOptions as r, relationId as t };

package/dist/{series-BBXVjHHY.js → series-W1jsVape.js}

@@ -1,4 +1,4 @@
-import { a as plotted, i as measureOf, r as label } from "./Plot-CxHHyXot.js";
+import { a as measureOf, i as label, o as plotted } from "./useChart-jzzXgs0j.js";
 //#region src/components/charts/internal/series.ts
 /**
 * The rows as traces: one per value of the `series` column, or one per measure