@ocelescope/filter 0.6.0 → 0.8.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { AttributesTable, RelationTable, defineModule, defineModuleRoute, useCurrentOcel, useInvalidate } from "@ocelescope/core";
 import { CheckIcon, FilterIcon, PlusIcon, RotateCcwIcon, Trash2Icon, XIcon } from "lucide-react";
-import { ActionIcon, ActionIconGroup, Box, Grid, Group, LoadingOverlay, MultiSelect, NumberInput, Paper, RangeSlider, ScrollArea, Stack, Switch, Tabs, Text, TextInput } from "@mantine/core";
+import { ActionIcon, ActionIconGroup, Box, Grid, Group, LoadingOverlay, MultiSelect, NumberInput, Paper, RangeSlider, ScrollArea, Scroller, Stack, Switch, Tabs, Text, TextInput } from "@mantine/core";
 import hash from "object-hash";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { customFetch } from "@ocelescope/api-client";
@@ -18,7 +18,7 @@ const customFetch$1 = async (config, options) => customFetch(config, options);
 //#endregion
 //#region src/api/base.ts
 /**
-* Generated by orval v8.22.0 🍺
+* Generated by orval 🍺
 * Do not edit manually.
 * Filter
 * OpenAPI spec version: 1.0
@@ -80,8 +80,9 @@ const setFilter = (ocelId, timeFrameFilterActivityFilterObjectTypeFilterEventAtt
 		signal
 	}, options);
 };
+const getSetFilterMutationKey = () => ["setFilter"];
 const getSetFilterMutationOptions = (options) => {
-	const mutationKey = ["setFilter"];
+	const mutationKey = getSetFilterMutationKey();
 	const { mutation: mutationOptions, request: requestOptions } = options ? options.mutation && "mutationKey" in options.mutation && options.mutation.mutationKey ? options : {
 		...options,
 		mutation: {
@@ -572,22 +573,23 @@ var dayjs_default = dayjs;
 //#endregion
 //#region src/components/FilterViews/TimeFrameFilter.tsx
 const TimeGraph = memo(({ timeInfo, startDate, endDate }) => {
+	const data = useMemo(() => {
+		return timeInfo.date_distribution.map(({ start_timestamp, end_timestamp, entity_count }) => {
+			const isInRange = (!startDate || dayjs_default(end_timestamp).isAfter(dayjs_default(startDate))) && (!endDate || dayjs_default(start_timestamp).isBefore(dayjs_default(endDate)));
+			return {
+				date: `${dayjs_default(start_timestamp).format("YYYY-MM-DD HH:mm")}-${dayjs_default(end_timestamp).format("YYYY-MM-DD HH:mm")} `,
+				...isInRange ? { value: Object.values(entity_count).reduce((acc, curr) => acc + curr, 0) } : { disabledValue: Object.values(entity_count).reduce((acc, curr) => acc + curr, 0) }
+			};
+		});
+	}, [
+		timeInfo,
+		startDate,
+		endDate
+	]);
 	return /* @__PURE__ */ jsx(BarChart, {
 		h: 300,
 		w: "100%",
-		data: useMemo(() => {
-			return timeInfo.date_distribution.map(({ start_timestamp, end_timestamp, entity_count }) => {
-				const isInRange = (!startDate || dayjs_default(end_timestamp).isAfter(dayjs_default(startDate))) && (!endDate || dayjs_default(start_timestamp).isBefore(dayjs_default(endDate)));
-				return {
-					date: `${dayjs_default(start_timestamp).format("YYYY-MM-DD HH:mm")}-${dayjs_default(end_timestamp).format("YYYY-MM-DD HH:mm")} `,
-					...isInRange ? { value: Object.values(entity_count).reduce((acc, curr) => acc + curr, 0) } : { disabledValue: Object.values(entity_count).reduce((acc, curr) => acc + curr, 0) }
-				};
-			});
-		}, [
-			timeInfo,
-			startDate,
-			endDate
-		]),
+		data,
 		dataKey: "date",
 		type: "stacked",
 		series: [{
@@ -949,34 +951,49 @@ const FilterForm = ({ ocelId, currentFilter, onSubmit }) => {
 		value: currentTab,
 		onChange: (newTab) => setCurrentTab(newTab),
 		keepMounted: false,
-		children: [/* @__PURE__ */ jsxs(Group, { children: [/* @__PURE__ */ jsx(Tabs.List, {
-			flex: 1,
-			children: Object.entries(FILTER_MAP).map(([key, { title }]) => /* @__PURE__ */ jsx(Tabs.Tab, {
-				value: key,
-				children: title
-			}, key))
-		}), /* @__PURE__ */ jsxs(ActionIconGroup, { children: [formState.isDirty && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ActionIcon, {
-			onClick: handleSubmit((data) => {
-				onSubmit?.(cleanUpFilters(data));
-			}),
-			size: "lg",
-			color: "green",
-			children: /* @__PURE__ */ jsx(CheckIcon, { size: 24 })
-		}), /* @__PURE__ */ jsx(ActionIcon, {
-			size: "lg",
-			color: "yellow",
-			onClick: () => reset(generateDefaultFilter(currentFilter)),
-			children: /* @__PURE__ */ jsx(RotateCcwIcon, { size: 24 })
-		})] }), currentFilter.length > 0 && /* @__PURE__ */ jsx(ActionIcon, {
-			size: "lg",
-			color: "red",
-			onClick: () => onSubmit?.([]),
-			children: /* @__PURE__ */ jsx(Trash2Icon, { size: 24 })
-		})] })] }), Object.entries(FILTER_MAP).map(([key, { ViewComponent, description }]) => /* @__PURE__ */ jsx(Tabs.Panel, {
+		style: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		h: "100%",
+		children: [/* @__PURE__ */ jsxs(Group, {
+			py: "xs",
+			gap: 0,
+			wrap: "nowrap",
+			children: [/* @__PURE__ */ jsx(Tabs.List, {
+				flex: 1,
+				miw: 0,
+				children: /* @__PURE__ */ jsx(Scroller, { children: Object.entries(FILTER_MAP).map(([key, { title }]) => /* @__PURE__ */ jsx(Tabs.Tab, {
+					value: key,
+					children: title
+				}, key)) })
+			}), /* @__PURE__ */ jsxs(ActionIconGroup, { children: [formState.isDirty && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ActionIcon, {
+				onClick: handleSubmit((data) => {
+					onSubmit?.(cleanUpFilters(data));
+				}),
+				size: "lg",
+				color: "green",
+				children: /* @__PURE__ */ jsx(CheckIcon, { size: 24 })
+			}), /* @__PURE__ */ jsx(ActionIcon, {
+				size: "lg",
+				color: "yellow",
+				onClick: () => reset(generateDefaultFilter(currentFilter)),
+				children: /* @__PURE__ */ jsx(RotateCcwIcon, { size: 24 })
+			})] }), currentFilter.length > 0 && /* @__PURE__ */ jsx(ActionIcon, {
+				size: "lg",
+				color: "red",
+				onClick: () => onSubmit?.([]),
+				children: /* @__PURE__ */ jsx(Trash2Icon, { size: 24 })
+			})] })]
+		}), Object.entries(FILTER_MAP).map(([key, { ViewComponent, description }]) => /* @__PURE__ */ jsx(Tabs.Panel, {
 			value: key,
 			p: "md",
+			flex: 1,
+			mih: 0,
+			style: { overflow: "auto" },
 			children: /* @__PURE__ */ jsxs(Stack, {
 				gap: "md",
+				h: "100%",
 				children: [/* @__PURE__ */ jsxs(Text, {
 					size: "sm",
 					c: "dimmed",
@@ -1008,6 +1025,12 @@ const FilterPage = () => {
 		})
 	}, hash(filterPipeline)), /* @__PURE__ */ jsx(LoadingOverlay, { visible: status === "pending" })] });
 };
+var FilterPage_default = defineModuleRoute({
+	component: FilterPage,
+	label: "Filter",
+	name: "filter",
+	requiresOcel: true
+});
 //#endregion
 //#region src/index.ts
 var src_default = defineModule({
@@ -1015,12 +1038,7 @@ var src_default = defineModule({
 	description: "Filter functionality provided by the ocelescope package",
 	label: "Log Filter",
 	authors: [{ name: "Öztürk, Görkem-Emre" }],
-	routes: [defineModuleRoute({
-		component: FilterPage,
-		label: "Filter",
-		name: "filter",
-		requiresOcel: true
-	})],
+	routes: [FilterPage_default],
 	icon: FilterIcon
 });
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ocelescope/filter",
   "type": "module",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "A module for basic filtering of OCELs",
   "author": "Görkem-Emre Öztürk <goerkem.oeztuerk@rwth-aachen.de>",
   "license": "MIT",
@@ -28,35 +28,35 @@
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^3.0.0",
-    "@mantine/charts": "^9.4.2",
-    "@mantine/core": "^9.4.2",
-    "@mantine/dates": "^9.4.2",
-    "@mantine/hooks": "^9.4.2",
-    "@mantine/notifications": "^9.4.2",
+    "@mantine/charts": "^9.5.1",
+    "@mantine/core": "^9.5.1",
+    "@mantine/dates": "^9.5.1",
+    "@mantine/hooks": "^9.5.1",
+    "@mantine/notifications": "^9.5.1",
+    "@ocelescope/api-base": "^0.8.0",
+    "@ocelescope/api-client": "^0.8.0",
+    "@ocelescope/core": "^0.8.0",
     "@tanstack/react-query": "^5.90.21",
-    "axios": "^1.18.1",
-    "dayjs": "^1.11.19",
+    "axios": "^1.20.0",
+    "dayjs": "^1.11.23",
     "lucide-react": "^1.0.0",
     "mantine-datatable": "^9.4.0",
-    "next": "^16.2.10",
+    "next": "16.3.2",
     "object-hash": "^3.0.0",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "react-hook-form": "^7.71.2",
-    "recharts": "^3.2.1",
-    "@ocelescope/api-base": "^0.6.0",
-    "@ocelescope/api-client": "^0.6.0",
-    "@ocelescope/core": "^0.6.0"
+    "recharts": "^3.2.1"
   },
   "devDependencies": {
-    "@mantine/notifications": "^9.4.2",
-    "@types/node": "^26.1.1",
+    "@mantine/notifications": "^9.5.1",
+    "@ocelescope/api-config": "^0.8.0",
+    "@types/node": "^26.6.1",
     "@types/object-hash": "^3.0.6",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "tsdown": "^0.22.12",
-    "typescript": "^5.9.3",
-    "@ocelescope/api-config": "^0.6.0"
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "tsdown": "^0.23.0",
+    "typescript": "^6.0.3"
   },
   "scripts": {
     "build": "orval && tsdown",