@m5kdev/web-ui 0.8.2 → 0.8.4

package/dist/src/modules/table/components/TablePagination.d.mts

@@ -0,0 +1,19 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { TableProps } from "@m5kdev/frontend/modules/table/hooks/useNuqsTable";
+
+//#region src/modules/table/components/TablePagination.d.ts
+interface TablePaginationProps {
+  pageCount: number;
+  page: TableProps["page"];
+  limit: TableProps["limit"];
+  setPagination: TableProps["setPagination"];
+}
+declare const TablePagination: ({
+  pageCount,
+  page,
+  limit,
+  setPagination
+}: TablePaginationProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TablePagination };
+//# sourceMappingURL=TablePagination.d.mts.map

package/dist/src/modules/table/components/TablePagination.mjs

@@ -0,0 +1,66 @@
+import { Input } from "../../../components/ui/input.mjs";
+import { Pagination, PaginationContent, PaginationNext, PaginationPrevious } from "../../../components/ui/pagination.mjs";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/modules/table/components/TablePagination.tsx
+const TablePagination = ({ pageCount, page = 1, limit = 10, setPagination }) => {
+	const [inputValue, setInputValue] = useState(String(page));
+	useEffect(() => {
+		setInputValue(String(page));
+	}, [page]);
+	const commitPage = () => {
+		const newPage = Number(inputValue);
+		if (Number.isFinite(newPage) && newPage >= 1 && newPage <= pageCount) setPagination?.({
+			pageIndex: newPage - 1,
+			pageSize: limit
+		});
+		else setInputValue(String(page));
+	};
+	const isFirstPage = page === 1;
+	const isLastPage = page >= pageCount;
+	return /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+		/* @__PURE__ */ jsx(PaginationPrevious, {
+			isActive: !isFirstPage,
+			"aria-disabled": isFirstPage,
+			className: isFirstPage ? "pointer-events-none opacity-50" : void 0,
+			onClick: () => {
+				if (!isFirstPage) setPagination?.({
+					pageIndex: page - 2,
+					pageSize: limit
+				});
+			}
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ jsx(Input, {
+				type: "number",
+				value: inputValue,
+				min: 1,
+				max: pageCount,
+				onChange: (e) => setInputValue(e.target.value),
+				onBlur: commitPage,
+				onKeyDown: (e) => {
+					if (e.key === "Enter") commitPage();
+				}
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "text-sm text-muted-foreground whitespace-nowrap",
+				children: ["/ ", pageCount]
+			})]
+		}),
+		/* @__PURE__ */ jsx(PaginationNext, {
+			isActive: !isLastPage,
+			"aria-disabled": isLastPage,
+			className: isLastPage ? "pointer-events-none opacity-50" : void 0,
+			onClick: () => {
+				if (!isLastPage) setPagination?.({
+					pageIndex: page,
+					pageSize: limit
+				});
+			}
+		})
+	] }) });
+};
+//#endregion
+export { TablePagination };
+
+//# sourceMappingURL=TablePagination.mjs.map

package/dist/src/modules/table/components/TablePagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.mjs","names":[],"sources":["../../../../../src/modules/table/components/TablePagination.tsx"],"sourcesContent":["import type { TableProps } from \"@m5kdev/frontend/modules/table/hooks/useNuqsTable\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Input } from \"../../../components/ui/input\";\r\nimport {\r\n  Pagination,\r\n  PaginationContent,\r\n  PaginationNext,\r\n  PaginationPrevious,\r\n} from \"../../../components/ui/pagination\";\r\n\r\ninterface TablePaginationProps {\r\n  pageCount: number;\r\n  page: TableProps[\"page\"];\r\n  limit: TableProps[\"limit\"];\r\n  setPagination: TableProps[\"setPagination\"];\r\n}\r\n\r\nexport const TablePagination = ({\r\n  pageCount,\r\n  page = 1,\r\n  limit = 10,\r\n  setPagination,\r\n}: TablePaginationProps) => {\r\n  const [inputValue, setInputValue] = useState(String(page));\r\n\r\n  useEffect(() => {\r\n    setInputValue(String(page));\r\n  }, [page]);\r\n\r\n  const commitPage = () => {\r\n    const newPage = Number(inputValue);\r\n    if (Number.isFinite(newPage) && newPage >= 1 && newPage <= pageCount) {\r\n      setPagination?.({ pageIndex: newPage - 1, pageSize: limit });\r\n    } else {\r\n      setInputValue(String(page));\r\n    }\r\n  };\r\n\r\n  const isFirstPage = page === 1;\r\n  const isLastPage = page >= pageCount;\r\n  return (\r\n    <Pagination>\r\n      <PaginationContent>\r\n        <PaginationPrevious\r\n          isActive={!isFirstPage}\r\n          aria-disabled={isFirstPage}\r\n          className={isFirstPage ? \"pointer-events-none opacity-50\" : undefined}\r\n          onClick={() => {\r\n            if (!isFirstPage) {\r\n              setPagination?.({ pageIndex: page - 2, pageSize: limit });\r\n            }\r\n          }}\r\n        />\r\n        <div className=\"flex items-center gap-1.5\">\r\n          <Input\r\n            type=\"number\"\r\n            value={inputValue}\r\n            min={1}\r\n            max={pageCount}\r\n            onChange={(e) => setInputValue(e.target.value)}\r\n            onBlur={commitPage}\r\n            onKeyDown={(e) => {\r\n              if (e.key === \"Enter\") {\r\n                commitPage();\r\n              }\r\n            }}\r\n          />\r\n          <span className=\"text-sm text-muted-foreground whitespace-nowrap\">/ {pageCount}</span>\r\n        </div>\r\n        <PaginationNext\r\n          isActive={!isLastPage}\r\n          aria-disabled={isLastPage}\r\n          className={isLastPage ? \"pointer-events-none opacity-50\" : undefined}\r\n          onClick={() => {\r\n            if (!isLastPage) {\r\n              setPagination?.({ pageIndex: page, pageSize: limit });\r\n            }\r\n          }}\r\n        />\r\n      </PaginationContent>\r\n    </Pagination>\r\n  );\r\n};\r\n"],"mappings":";;;;;AAiBA,MAAa,mBAAmB,EAC9B,WACA,OAAO,GACP,QAAQ,IACR,oBAC0B;CAC1B,MAAM,CAAC,YAAY,iBAAiB,SAAS,OAAO,KAAK,CAAC;AAE1D,iBAAgB;AACd,gBAAc,OAAO,KAAK,CAAC;IAC1B,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB;EACvB,MAAM,UAAU,OAAO,WAAW;AAClC,MAAI,OAAO,SAAS,QAAQ,IAAI,WAAW,KAAK,WAAW,UACzD,iBAAgB;GAAE,WAAW,UAAU;GAAG,UAAU;GAAO,CAAC;MAE5D,eAAc,OAAO,KAAK,CAAC;;CAI/B,MAAM,cAAc,SAAS;CAC7B,MAAM,aAAa,QAAQ;AAC3B,QACE,oBAAC,YAAD,EAAA,UACE,qBAAC,mBAAD,EAAA,UAAA;EACE,oBAAC,oBAAD;GACE,UAAU,CAAC;GACX,iBAAe;GACf,WAAW,cAAc,mCAAmC,KAAA;GAC5D,eAAe;AACb,QAAI,CAAC,YACH,iBAAgB;KAAE,WAAW,OAAO;KAAG,UAAU;KAAO,CAAC;;GAG7D,CAAA;EACF,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IACE,MAAK;IACL,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW,MAAM,cAAc,EAAE,OAAO,MAAM;IAC9C,QAAQ;IACR,YAAY,MAAM;AAChB,SAAI,EAAE,QAAQ,QACZ,aAAY;;IAGhB,CAAA,EACF,qBAAC,QAAD;IAAM,WAAU;cAAhB,CAAkE,MAAG,UAAiB;MAClF;;EACN,oBAAC,gBAAD;GACE,UAAU,CAAC;GACX,iBAAe;GACf,WAAW,aAAa,mCAAmC,KAAA;GAC3D,eAAe;AACb,QAAI,CAAC,WACH,iBAAgB;KAAE,WAAW;KAAM,UAAU;KAAO,CAAC;;GAGzD,CAAA;EACgB,EAAA,CAAA,EACT,CAAA"}

package/dist/src/modules/table/components/table.types.d.mts

@@ -0,0 +1,17 @@
+import { ColumnDataType as ColumnDataType$1 } from "@m5kdev/commons/modules/table/filter.types";
+
+//#region src/modules/table/components/table.types.d.ts
+type ColumnDataType = ColumnDataType$1;
+type ColumnItem = {
+  id: string;
+  label: string;
+  visibility: boolean;
+  options?: {
+    label: string;
+    value: string;
+  }[];
+  type?: ColumnDataType;
+};
+//#endregion
+export { ColumnDataType, ColumnItem };
+//# sourceMappingURL=table.types.d.mts.map

package/dist/src/modules/table/filterTransformers.d.mts

@@ -0,0 +1,58 @@
+import { DateValue, RangeValue, SharedSelection } from "@heroui/react";
+import { CalendarDate } from "@internationalized/date";
+import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
+import { ColumnDataType, FilterMethod } from "@m5kdev/commons/modules/table/filter.types";
+
+//#region src/modules/table/filterTransformers.d.ts
+type FilterValue = string | number | string[] | DateValue | RangeValue<DateValue> | boolean | SharedSelection | null;
+interface HeroUIFilter {
+  columnId: string;
+  type: ColumnDataType | null;
+  value: FilterValue;
+  method: FilterMethod | null;
+  options?: {
+    label: string;
+    value: string;
+  }[] | null;
+  endColumnId?: string | null;
+  periodStartColumnId?: string | null;
+  periodEndColumnId?: string | null;
+}
+/**
+ * Convert CalendarDate to UTC ISO string at midnight UTC
+ */
+declare const calendarDateToUTC: (date: CalendarDate) => string;
+/**
+ * Convert CalendarDate to end of day UTC ISO string
+ */
+declare const calendarDateToEndOfDayUTC: (date: CalendarDate) => string;
+/**
+ * Convert any date filter method from URL to a RangeValue for DateRangePicker
+ * Handles: on, before, after, between, intersect
+ * Parses UTC ISO strings as UTC to avoid timezone shifts
+ */
+declare const dateFilterToRangeValue: (filters: QueryFilters | undefined, columnId: string) => RangeValue<DateValue> | null;
+/**
+ * Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])
+ * Used when loading filters from URL/backend to populate HeroUI components
+ */
+declare const transformFiltersToHeroUI: (filtersToTransform: QueryFilters, columnsMap: Map<string, {
+  id: string;
+  label: string;
+  type?: ColumnDataType | null;
+  options?: {
+    label: string;
+    value: string;
+  }[] | null;
+  endColumnId?: string | null;
+  periodStartColumnId?: string | null;
+  periodEndColumnId?: string | null;
+}>, filterMethods: Record<ColumnDataType, FilterMethod[]>) => HeroUIFilter[];
+/**
+ * Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])
+ * Used when applying filters to send to backend/URL
+ */
+declare const transformFiltersFromHeroUI: (filters: HeroUIFilter[]) => QueryFilters;
+//#endregion
+export { FilterValue, HeroUIFilter, calendarDateToEndOfDayUTC, calendarDateToUTC, dateFilterToRangeValue, transformFiltersFromHeroUI, transformFiltersToHeroUI };
+//# sourceMappingURL=filterTransformers.d.mts.map

package/dist/src/modules/table/filterTransformers.mjs

@@ -0,0 +1,213 @@
+import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
+import { DateTime } from "luxon";
+//#region src/modules/table/filterTransformers.ts
+/**
+* Convert CalendarDate to UTC ISO string at midnight UTC
+*/
+const calendarDateToUTC = (date) => {
+	return DateTime.utc(date.year, date.month, date.day).toISO() ?? "";
+};
+/**
+* Convert CalendarDate to end of day UTC ISO string
+*/
+const calendarDateToEndOfDayUTC = (date) => {
+	return DateTime.utc(date.year, date.month, date.day).endOf("day").toISO() ?? "";
+};
+/**
+* Parse UTC ISO string to CalendarDate (preserves UTC date, no timezone shift)
+*/
+const parseUTCToCalendarDate = (isoString) => {
+	try {
+		const dt = DateTime.fromISO(isoString, { zone: "utc" });
+		if (!dt.isValid) return null;
+		return new CalendarDate(dt.year, dt.month, dt.day);
+	} catch {
+		return null;
+	}
+};
+/**
+* Convert any date filter method from URL to a RangeValue for DateRangePicker
+* Handles: on, before, after, between, intersect
+* Parses UTC ISO strings as UTC to avoid timezone shifts
+*/
+const dateFilterToRangeValue = (filters, columnId) => {
+	if (!filters) return null;
+	const filter = filters.find((f) => f.columnId === columnId);
+	if (!filter || filter.type !== "date") return null;
+	const todayDate = today(getLocalTimeZone());
+	const epochStart = new CalendarDate(1970, 1, 1);
+	try {
+		switch (filter.method) {
+			case "on": {
+				if (typeof filter.value !== "string" || !filter.value) return null;
+				const day = parseUTCToCalendarDate(filter.value);
+				if (!day) return null;
+				return {
+					start: day,
+					end: day
+				};
+			}
+			case "before": {
+				if (typeof filter.value !== "string" || !filter.value) return null;
+				const day = parseUTCToCalendarDate(filter.value);
+				if (!day) return null;
+				return {
+					start: epochStart,
+					end: day
+				};
+			}
+			case "after": {
+				if (typeof filter.value !== "string" || !filter.value) return null;
+				const day = parseUTCToCalendarDate(filter.value);
+				if (!day) return null;
+				return {
+					start: day,
+					end: todayDate
+				};
+			}
+			case "between":
+			case "intersect": {
+				if (typeof filter.value !== "string" || !filter.value || !filter.valueTo) return null;
+				const startDate = parseUTCToCalendarDate(filter.value);
+				const endDate = parseUTCToCalendarDate(filter.valueTo);
+				if (!startDate || !endDate) return null;
+				return {
+					start: startDate,
+					end: endDate
+				};
+			}
+			default: return null;
+		}
+	} catch {
+		return null;
+	}
+};
+/**
+* Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])
+* Used when loading filters from URL/backend to populate HeroUI components
+*/
+const transformFiltersToHeroUI = (filtersToTransform, columnsMap, filterMethods) => {
+	return filtersToTransform.map((filter) => {
+		let value = null;
+		let method = null;
+		let columnId = filter.columnId;
+		if (filter.type === "date" && filter.method === "intersect" && filter.endColumnId) {
+			const periodColumnId = `${filter.columnId}__period`;
+			if (columnsMap.get(periodColumnId)) columnId = periodColumnId;
+		}
+		if (filter.type) {
+			const methodObj = filterMethods[filter.type]?.find((m) => m.value === filter.method);
+			if (methodObj) method = methodObj;
+			else if (filter.method === "isEmpty" || filter.method === "isNotEmpty") method = {
+				value: filter.method,
+				label: filter.method === "isEmpty" ? "Is Empty" : "Is Not Empty",
+				component: null
+			};
+		}
+		switch (filter.type) {
+			case "string":
+				value = filter.value;
+				break;
+			case "number":
+				value = filter.value;
+				break;
+			case "date":
+				if (filter.method === "between" || filter.method === "intersect") value = dateFilterToRangeValue([filter], filter.columnId);
+				else if (typeof filter.value === "string" && filter.value) {
+					const day = parseUTCToCalendarDate(filter.value);
+					value = day ? day : null;
+				} else value = null;
+				break;
+			case "boolean":
+				value = filter.value;
+				break;
+			case "enum":
+				if (filter.method === "oneOf" && Array.isArray(filter.value)) value = new Set(filter.value);
+				else {
+					const selection = new Set([filter.value]);
+					Object.defineProperty(selection, "currentKey", {
+						value: filter.value,
+						writable: true,
+						enumerable: false,
+						configurable: true
+					});
+					value = selection;
+				}
+				break;
+			default: value = filter.value;
+		}
+		const column = columnsMap.get(columnId);
+		return {
+			columnId,
+			type: filter.type,
+			value,
+			method,
+			options: column?.options ?? null,
+			endColumnId: column?.endColumnId ?? null,
+			periodStartColumnId: column?.periodStartColumnId ?? null,
+			periodEndColumnId: column?.periodEndColumnId ?? null
+		};
+	});
+};
+/**
+* Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])
+* Used when applying filters to send to backend/URL
+*/
+const transformFiltersFromHeroUI = (filters) => {
+	const filtersToApply = [];
+	for (const filter of filters) {
+		let value;
+		let valueTo;
+		if (filter.method?.value === "isEmpty" || filter.method?.value === "isNotEmpty") {
+			if (filter.columnId === "") continue;
+			const result = {
+				columnId: filter.columnId,
+				type: filter.type,
+				method: filter.method.value,
+				value: ""
+			};
+			filtersToApply.push(result);
+			continue;
+		}
+		const isPeriodColumn = filter.columnId.endsWith("__period");
+		const actualColumnId = isPeriodColumn && filter.periodStartColumnId ? filter.periodStartColumnId : filter.columnId;
+		const actualEndColumnId = isPeriodColumn && filter.periodEndColumnId ? filter.periodEndColumnId : filter.endColumnId;
+		switch (filter.type) {
+			case "date":
+				if (filter.method?.value === "between" || filter.method?.value === "intersect" || isPeriodColumn) {
+					const range = filter.value;
+					if (range?.start && range?.end) {
+						value = calendarDateToUTC(range.start);
+						valueTo = calendarDateToUTC(range.end);
+					}
+				} else {
+					const dateValue = filter.value;
+					if (dateValue?.year) value = calendarDateToUTC(dateValue);
+				}
+				break;
+			case "enum": {
+				const selection = filter.value;
+				if (selection) value = filter.method?.value === "oneOf" ? Array.from(selection).map(String) : String(selection.currentKey);
+				break;
+			}
+			default: value = filter.value;
+		}
+		if (!value || value === "" || filter.columnId === "") continue;
+		if (filter.type === "enum" && Array.isArray(value) && value.length === 0) continue;
+		const actualMethod = isPeriodColumn ? "intersect" : filter.method.value;
+		const result = {
+			columnId: actualColumnId,
+			type: filter.type,
+			method: actualMethod,
+			value,
+			...valueTo && { valueTo },
+			...actualMethod === "intersect" && actualEndColumnId ? { endColumnId: actualEndColumnId } : {}
+		};
+		filtersToApply.push(result);
+	}
+	return filtersToApply;
+};
+//#endregion
+export { calendarDateToEndOfDayUTC, calendarDateToUTC, dateFilterToRangeValue, transformFiltersFromHeroUI, transformFiltersToHeroUI };
+
+//# sourceMappingURL=filterTransformers.mjs.map

package/dist/src/modules/table/filterTransformers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterTransformers.mjs","names":[],"sources":["../../../../src/modules/table/filterTransformers.ts"],"sourcesContent":["import type { DateValue, RangeValue, SharedSelection } from \"@heroui/react\";\r\nimport { CalendarDate, getLocalTimeZone, today } from \"@internationalized/date\";\r\nimport type { QueryFilter, QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport type { ColumnDataType, FilterMethod } from \"@m5kdev/commons/modules/table/filter.types\";\r\nimport { DateTime } from \"luxon\";\r\n\r\nexport type FilterValue =\r\n  | string\r\n  | number\r\n  | string[]\r\n  | DateValue\r\n  | RangeValue<DateValue>\r\n  | boolean\r\n  | SharedSelection\r\n  | null;\r\n\r\nexport interface HeroUIFilter {\r\n  columnId: string;\r\n  type: ColumnDataType | null;\r\n  value: FilterValue;\r\n  method: FilterMethod | null;\r\n  options?: { label: string; value: string }[] | null;\r\n  endColumnId?: string | null;\r\n  periodStartColumnId?: string | null;\r\n  periodEndColumnId?: string | null;\r\n}\r\n\r\n/**\r\n * Convert CalendarDate to UTC ISO string at midnight UTC\r\n */\r\nexport const calendarDateToUTC = (date: CalendarDate): string => {\r\n  return DateTime.utc(date.year, date.month, date.day).toISO() ?? \"\";\r\n};\r\n\r\n/**\r\n * Convert CalendarDate to end of day UTC ISO string\r\n */\r\nexport const calendarDateToEndOfDayUTC = (date: CalendarDate): string => {\r\n  return DateTime.utc(date.year, date.month, date.day).endOf(\"day\").toISO() ?? \"\";\r\n};\r\n\r\n/**\r\n * Parse UTC ISO string to CalendarDate (preserves UTC date, no timezone shift)\r\n */\r\nconst parseUTCToCalendarDate = (isoString: string): CalendarDate | null => {\r\n  try {\r\n    const dt = DateTime.fromISO(isoString, { zone: \"utc\" });\r\n    if (!dt.isValid) return null;\r\n    return new CalendarDate(dt.year, dt.month, dt.day);\r\n  } catch {\r\n    return null;\r\n  }\r\n};\r\n\r\n/**\r\n * Convert any date filter method from URL to a RangeValue for DateRangePicker\r\n * Handles: on, before, after, between, intersect\r\n * Parses UTC ISO strings as UTC to avoid timezone shifts\r\n */\r\nexport const dateFilterToRangeValue = (\r\n  filters: QueryFilters | undefined,\r\n  columnId: string\r\n): RangeValue<DateValue> | null => {\r\n  if (!filters) return null;\r\n\r\n  const filter = filters.find((f) => f.columnId === columnId);\r\n  if (!filter || filter.type !== \"date\") return null;\r\n\r\n  const todayDate = today(getLocalTimeZone());\r\n  const epochStart = new CalendarDate(1970, 1, 1);\r\n\r\n  try {\r\n    switch (filter.method) {\r\n      case \"on\": {\r\n        // Same day range\r\n        if (typeof filter.value !== \"string\" || !filter.value) return null;\r\n        const day = parseUTCToCalendarDate(filter.value);\r\n        if (!day) return null;\r\n        return {\r\n          start: day as unknown as DateValue,\r\n          end: day as unknown as DateValue,\r\n        } as RangeValue<DateValue>;\r\n      }\r\n      case \"before\": {\r\n        // [epochStart, selectedDay]\r\n        if (typeof filter.value !== \"string\" || !filter.value) return null;\r\n        const day = parseUTCToCalendarDate(filter.value);\r\n        if (!day) return null;\r\n        return {\r\n          start: epochStart as unknown as DateValue,\r\n          end: day as unknown as DateValue,\r\n        } as RangeValue<DateValue>;\r\n      }\r\n      case \"after\": {\r\n        // [selectedDay, today]\r\n        if (typeof filter.value !== \"string\" || !filter.value) return null;\r\n        const day = parseUTCToCalendarDate(filter.value);\r\n        if (!day) return null;\r\n        return {\r\n          start: day as unknown as DateValue,\r\n          end: todayDate as unknown as DateValue,\r\n        } as RangeValue<DateValue>;\r\n      }\r\n      case \"between\":\r\n      case \"intersect\": {\r\n        // [value, valueTo]\r\n        if (typeof filter.value !== \"string\" || !filter.value || !filter.valueTo) return null;\r\n        const startDate = parseUTCToCalendarDate(filter.value);\r\n        const endDate = parseUTCToCalendarDate(filter.valueTo);\r\n        if (!startDate || !endDate) return null;\r\n        return {\r\n          start: startDate as unknown as DateValue,\r\n          end: endDate as unknown as DateValue,\r\n        } as RangeValue<DateValue>;\r\n      }\r\n      default:\r\n        return null;\r\n    }\r\n  } catch {\r\n    return null;\r\n  }\r\n};\r\n\r\n/**\r\n * Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])\r\n * Used when loading filters from URL/backend to populate HeroUI components\r\n */\r\nexport const transformFiltersToHeroUI = (\r\n  filtersToTransform: QueryFilters,\r\n  columnsMap: Map<\r\n    string,\r\n    {\r\n      id: string;\r\n      label: string;\r\n      type?: ColumnDataType | null;\r\n      options?: { label: string; value: string }[] | null;\r\n      endColumnId?: string | null;\r\n      periodStartColumnId?: string | null;\r\n      periodEndColumnId?: string | null;\r\n    }\r\n  >,\r\n  filterMethods: Record<ColumnDataType, FilterMethod[]>\r\n): HeroUIFilter[] => {\r\n  return filtersToTransform.map((filter) => {\r\n    let value: FilterValue = null;\r\n    let method: FilterMethod | null = null;\r\n    let columnId = filter.columnId;\r\n\r\n    // Check if this intersect filter should map to Period pseudo-column\r\n    if (filter.type === \"date\" && filter.method === \"intersect\" && filter.endColumnId) {\r\n      const periodColumnId = `${filter.columnId}__period`;\r\n      const periodColumn = columnsMap.get(periodColumnId);\r\n      if (periodColumn) {\r\n        // Map to Period pseudo-column\r\n        columnId = periodColumnId;\r\n      }\r\n    }\r\n\r\n    // Find the method object from the methods configuration\r\n    if (filter.type) {\r\n      const availableMethods = filterMethods[filter.type as ColumnDataType];\r\n      const methodObj = availableMethods?.find((m: FilterMethod) => m.value === filter.method);\r\n      if (methodObj) {\r\n        method = methodObj;\r\n      } else if (filter.method === \"isEmpty\" || filter.method === \"isNotEmpty\") {\r\n        // Handle isEmpty/isNotEmpty even if not in the provided method list\r\n        method = {\r\n          value: filter.method,\r\n          label: filter.method === \"isEmpty\" ? \"Is Empty\" : \"Is Not Empty\",\r\n          component: null,\r\n        };\r\n      }\r\n    }\r\n\r\n    // Transform value based on type\r\n    switch (filter.type) {\r\n      case \"string\":\r\n        value = filter.value as string;\r\n        break;\r\n      case \"number\":\r\n        value = filter.value as number;\r\n        break;\r\n      case \"date\":\r\n        // Use the shared helper for range conversion, or parse single dates as UTC\r\n        if (filter.method === \"between\" || filter.method === \"intersect\") {\r\n          // For range methods, use the helper function\r\n          const range = dateFilterToRangeValue([filter], filter.columnId);\r\n          value = range;\r\n        } else {\r\n          // Single date value: parse UTC ISO string and extract UTC calendar date\r\n          if (typeof filter.value === \"string\" && filter.value) {\r\n            const day = parseUTCToCalendarDate(filter.value);\r\n            value = day ? (day as unknown as DateValue) : null;\r\n          } else {\r\n            value = null;\r\n          }\r\n        }\r\n        break;\r\n      case \"boolean\":\r\n        value = filter.value as boolean;\r\n        break;\r\n      case \"enum\":\r\n        if (filter.method === \"oneOf\" && Array.isArray(filter.value)) {\r\n          // Multi-select: array of strings to SharedSelection (Set)\r\n          value = new Set(filter.value) as SharedSelection;\r\n        } else {\r\n          // Single select: string to SharedSelection with currentKey\r\n          const selection = new Set([filter.value as string]) as SharedSelection;\r\n          // Set currentKey property\r\n          Object.defineProperty(selection, \"currentKey\", {\r\n            value: filter.value as string,\r\n            writable: true,\r\n            enumerable: false,\r\n            configurable: true,\r\n          });\r\n          value = selection;\r\n        }\r\n        break;\r\n      default:\r\n        value = filter.value;\r\n    }\r\n\r\n    const column = columnsMap.get(columnId);\r\n    return {\r\n      columnId,\r\n      type: filter.type,\r\n      value,\r\n      method,\r\n      options: column?.options ?? null,\r\n      endColumnId: column?.endColumnId ?? null,\r\n      periodStartColumnId: column?.periodStartColumnId ?? null,\r\n      periodEndColumnId: column?.periodEndColumnId ?? null,\r\n    };\r\n  });\r\n};\r\n\r\n/**\r\n * Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])\r\n * Used when applying filters to send to backend/URL\r\n */\r\nexport const transformFiltersFromHeroUI = (filters: HeroUIFilter[]): QueryFilters => {\r\n  const filtersToApply: QueryFilters = [];\r\n\r\n  for (const filter of filters) {\r\n    let value: FilterValue | undefined;\r\n    let valueTo: FilterValue | undefined;\r\n\r\n    // Handle isEmpty/isNotEmpty methods - they don't need a value\r\n    if (filter.method?.value === \"isEmpty\" || filter.method?.value === \"isNotEmpty\") {\r\n      if (filter.columnId === \"\") continue;\r\n\r\n      const result: QueryFilter = {\r\n        columnId: filter.columnId,\r\n        type: filter.type as ColumnDataType,\r\n        method: filter.method.value,\r\n        value: \"\",\r\n      };\r\n      filtersToApply.push(result);\r\n      continue;\r\n    }\r\n\r\n    // Handle Period pseudo-column: map to intersect on real columns\r\n    const isPeriodColumn = filter.columnId.endsWith(\"__period\");\r\n    const actualColumnId =\r\n      isPeriodColumn && filter.periodStartColumnId ? filter.periodStartColumnId : filter.columnId;\r\n    const actualEndColumnId =\r\n      isPeriodColumn && filter.periodEndColumnId ? filter.periodEndColumnId : filter.endColumnId;\r\n\r\n    switch (filter.type) {\r\n      case \"date\":\r\n        if (\r\n          filter.method?.value === \"between\" ||\r\n          filter.method?.value === \"intersect\" ||\r\n          isPeriodColumn\r\n        ) {\r\n          const range = filter.value as RangeValue<DateValue>;\r\n          if (range?.start && range?.end) {\r\n            value = calendarDateToUTC(range.start as unknown as CalendarDate);\r\n            valueTo = calendarDateToUTC(range.end as unknown as CalendarDate);\r\n          }\r\n        } else {\r\n          const dateValue = filter.value as unknown as CalendarDate;\r\n          if (dateValue?.year) {\r\n            value = calendarDateToUTC(dateValue);\r\n          }\r\n        }\r\n        break;\r\n      case \"enum\": {\r\n        const selection = filter.value as SharedSelection;\r\n        if (selection) {\r\n          value =\r\n            filter.method?.value === \"oneOf\"\r\n              ? Array.from(selection).map(String)\r\n              : String(selection.currentKey);\r\n        }\r\n        break;\r\n      }\r\n      default:\r\n        value = filter.value;\r\n    }\r\n\r\n    // Skip filters without valid values\r\n    if (!value || value === \"\" || filter.columnId === \"\") continue;\r\n    if (filter.type === \"enum\" && Array.isArray(value) && value.length === 0) continue;\r\n\r\n    // For Period columns, always use intersect method\r\n    const actualMethod = isPeriodColumn ? \"intersect\" : (filter.method as FilterMethod).value;\r\n\r\n    const result: QueryFilter = {\r\n      columnId: actualColumnId,\r\n      type: filter.type as ColumnDataType,\r\n      method: actualMethod,\r\n      value: value as string | number | boolean | string[],\r\n      ...(valueTo && { valueTo: valueTo as string }),\r\n      ...(actualMethod === \"intersect\" && actualEndColumnId\r\n        ? { endColumnId: actualEndColumnId }\r\n        : {}),\r\n    };\r\n    filtersToApply.push(result);\r\n  }\r\n\r\n  return filtersToApply;\r\n};\r\n"],"mappings":"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"}

package/dist/src/types.d.mts

@@ -0,0 +1,8 @@
+import { BackendTRPCRouter } from "../packages/backend/dist/src/types.mjs";
+import { createTRPCContext } from "@trpc/tanstack-react-query";
+
+//#region src/types.d.ts
+type UseBackendTRPC = ReturnType<typeof createTRPCContext<BackendTRPCRouter>>["useTRPC"];
+//#endregion
+export { UseBackendTRPC };
+//# sourceMappingURL=types.d.mts.map

package/dist/translations/en/web-ui.json

@@ -0,0 +1,209 @@
+{
+  "auth.login.apple": "Login with Apple",
+  "auth.login.google": "Continue with Google",
+  "auth.login.email": "Email",
+  "auth.login.password": "Password",
+  "auth.login.forgotPassword": "Forgot your password?",
+  "auth.login.button": "Login",
+  "auth.login.noAccount": "Don't have an account?",
+  "auth.login.signUp": "Sign up",
+  "auth.login.welcome": "Welcome back",
+  "auth.login.description": "Login using your emaill and password",
+  "auth.login.orContinueWith": "Or continue with",
+  "auth.login.placeholder.email": "m@example.com",
+  "auth.signup.button": "Sign Up",
+  "auth.signup.signingUp": "Signing up...",
+  "auth.signup.success": "Account created successfully",
+  "auth.signup.successMessage": "Account created successfully",
+  "auth.signup.emailRequired": "Email is required",
+  "auth.signup.passwordRequired": "Password is required",
+  "auth.signup.createAccount": "Create an account",
+  "auth.signup.description": "Sign up to get started",
+  "auth.signup.alreadyHaveAccount": "Already have an account?",
+  "auth.signup.verificationEmailSent.title": "Verification email sent",
+  "auth.signup.verificationEmailSent.description": "We've sent a verification email to your inbox. Please click the link in the email to verify your account before logging in.",
+  "auth.signup.verificationEmailSent.openEmail": "Open your email",
+  "auth.errors.authentication": "Authentication Error",
+  "auth.errors.server": "Server Error",
+  "common.termsOfService": "Terms of Service",
+  "common.privacyPolicy": "Privacy Policy",
+  "common.byClickingContinue": "By clicking continue, you agree to our",
+  "common.and": "and",
+  "common.cancel": "Cancel",
+  "common.save": "Save",
+  "common.saving": "Saving...",
+  "image.crop.title": "Crop Image",
+  "image.crop.failedContext": "Failed to get canvas context",
+  "image.crop.failedCrop": "Failed to get cropped image",
+  "image.crop.error": "Error cropping image:",
+  "upload.errors.invalidType": "Please select a valid image file (JPG, PNG, or WebP)",
+  "upload.errors.tooLarge": "File size must be less than 5MB",
+  "profile.updated": "Profile updated",
+  "profile.updateDescription": "Your profile has been updated.",
+  "profile.error": "Error",
+  "profile.errorDescription": "Failed to update profile. Please try again.",
+  "common.copySuccess": "Copied to clipboard",
+  "common.copyError": "Failed to copy to clipboard",
+  "common.copy": "Copy",
+  "common.copied": "Copied!",
+  "alert.dismissLabel": "Dismiss alert",
+  "profile.placeholders.name": "Enter your name",
+  "profile.settings.title": "Profile Settings",
+  "profile.settings.description": "Update your profile information below.",
+  "avatar.preview.alt": "Avatar preview",
+  "ui.steps.progressLabel": "Progress",
+  "ui.sidebar.toggleLabel": "Toggle Sidebar",
+  "ui.breadcrumb.label": "breadcrumb",
+  "ui.segment.resetLabel": "Reset",
+  "auth.forgotPassword.button": "Reset Password",
+  "auth.forgotPassword.title": "Forgot Password",
+  "auth.forgotPassword.description": "Enter your email to reset your password",
+  "auth.forgotPassword.rememberPassword": "Remember your password?",
+  "auth.forgotPassword.success": "Password reset email sent",
+  "auth.forgotPassword.error": "Failed to send password reset email",
+  "auth.resetPassword.title": "Reset Password",
+  "auth.resetPassword.description": "Enter your new password",
+  "auth.resetPassword.newPassword": "New Password",
+  "auth.resetPassword.confirmPassword": "Confirm Password",
+  "auth.resetPassword.button": "Reset Password",
+  "auth.resetPassword.passwordRequired": "Password is required",
+  "auth.resetPassword.confirmPasswordRequired": "Please confirm your password",
+  "auth.resetPassword.passwordMismatch": "Passwords do not match",
+  "auth.resetPassword.tokenRequired": "Token is required",
+  "auth.resetPassword.success": "Password reset successfully",
+  "auth.resetPassword.error": "Failed to reset password",
+  "preferences.title": "Preferences",
+  "preferences.submit": "Save",
+  "preferences.updated": "Preferences updated",
+  "preferences.updateError": "Failed to update preferences",
+  "preferences.loading": "Loading preferences...",
+  "billing.beta.badge": "Beta",
+  "billing.title": "Billing & Pricing",
+  "billing.subtitle": "{{appName}} is currently free to use during the beta. We’re finalizing pricing for the production launch.",
+  "billing.card.free.title": "Free during Beta",
+  "billing.card.free.description": "Use the full product while we refine it.",
+  "billing.card.free.price": "$0",
+  "billing.card.free.priceSuffix": "for now",
+  "billing.card.free.feature.fullAccess": "Full access during beta",
+  "billing.card.free.feature.noCard": "No credit card required",
+  "billing.card.free.feature.riskFree": "Try features risk‑free",
+  "billing.card.progress.title": "Pricing In Progress",
+  "billing.card.progress.description": "Final pricing will apply at production readiness.",
+  "billing.card.progress.feature.transparentPlans": "Transparent plans",
+  "billing.card.progress.feature.fairValue": "Fair value for teams and individuals",
+  "billing.card.progress.feature.simpleBilling": "Simple, predictable billing",
+  "billing.card.notice.title": "Plenty of Notice",
+  "billing.card.notice.description": "We’ll notify you well in advance of any changes.",
+  "billing.card.notice.feature.timeToDecide": "Ample time to decide whether to continue",
+  "billing.card.notice.feature.safeData": "Your projects/data remain safe",
+  "billing.card.notice.feature.autoFreeTier": "If a free tier exists, you’ll be moved automatically",
+  "impersonating.message": "You are currently impersonating a user",
+  "impersonating.stop": "Stop Impersonating",
+  "sidebar.user.upgradeToPro": "Upgrade to Pro",
+  "sidebar.user.adminDashboard": "Admin Dashboard",
+  "sidebar.user.account": "Account",
+  "sidebar.user.billing": "Billing",
+  "sidebar.user.logout": "Log out",
+  "auth.login.descriptionWithProviders": "Login using your favorite provider",
+  "auth.login.linkedin": "Sign in with LinkedIn",
+  "auth.login.microsoft": "Sign in with Microsoft",
+  "auth.waitlist.title": "Join the waitlist",
+  "auth.waitlist.description": "We don't allow signups yet, but you can join the waitlist to be notified when we launch.",
+  "auth.waitlist.email": "Email",
+  "auth.waitlist.button": "Join the waitlist",
+  "auth.waitlist.success": "You successfully joined the waitlist",
+  "auth.waitlist.error": "Failed to join waitlist. Please try again.",
+  "auth.errors.invitationCodeInvalid": "Invalid or expired invitation code",
+  "auth.error.title": "Authentication Failed",
+  "auth.error.description": "We encountered an issue with your authentication request",
+  "auth.error.alertTitle": "Authentication Error",
+  "auth.error.alertDescription": "Your authentication request could not be completed. This may be due to an expired or invalid link, or a server error. Please try again.",
+  "auth.error.backToLogin": "Back to Login",
+  "auth.error.backToSignup": "Back to Sign Up",
+  "sidebar.invites.title": "Invite Friends",
+  "auth.login.lastUsed": "Last Used",
+  "auth.waitlist.placeholder.email": "your@email.com",
+  "organization.roles.member": "member",
+  "organization.roles.admin": "admin",
+  "organization.roles.owner": "owner",
+  "organization.settings.title": "Organization settings",
+  "organization.settings.description": "Update organization name, slug, and metadata.",
+  "organization.settings.noActive": "No active organization selected.",
+  "organization.settings.manageOnly": "Only organization admins and owners can manage organization settings.",
+  "organization.settings.form.name": "Name",
+  "organization.settings.form.slug": "Slug",
+  "organization.settings.form.metadata": "Metadata (JSON)",
+  "organization.settings.form.metadataInvalidJson": "Metadata must be valid JSON.",
+  "organization.settings.form.metadataInvalid": "Invalid metadata value.",
+  "organization.settings.button.save": "Save organization",
+  "organization.settings.updateSuccess": "Organization updated",
+  "organization.settings.updateError": "Failed to update organization",
+  "organization.settings.loadError": "Failed to load organization",
+  "organization.preferences.title": "Organization preferences",
+  "organization.preferences.submit": "Save preferences",
+  "organization.preferences.updated": "Organization preferences updated",
+  "organization.preferences.updateError": "Failed to update organization preferences",
+  "organization.preferences.noActive": "No active organization selected.",
+  "organization.preferences.loadError": "Failed to load organization preferences",
+  "organization.preferences.loading": "Loading organization preferences...",
+  "organization.flags.title": "Organization flags",
+  "organization.flags.submit": "Save flags",
+  "organization.flags.updated": "Organization flags updated",
+  "organization.flags.updateError": "Failed to update organization flags",
+  "organization.flags.noActive": "No active organization selected.",
+  "organization.flags.loadError": "Failed to load organization flags",
+  "organization.flags.loading": "Loading organization flags...",
+  "organization.members.loadError": "Failed to load organization",
+  "organization.members.title": "Organization members",
+  "organization.members.noActive": "No active organization selected.",
+  "organization.members.manageOnly": "Only organization admins and owners can manage members and invitations.",
+  "organization.members.description": "{{name}} member and invitation management.",
+  "organization.members.defaultName": "Organization",
+  "organization.members.loadMembersError": "Failed to load members",
+  "organization.members.loadInvitationsError": "Failed to load invitations",
+  "organization.members.roleUpdateSuccess": "Member role updated",
+  "organization.members.roleUpdateError": "Failed to update member role",
+  "organization.members.removeMemberSuccess": "Member removed",
+  "organization.members.removeMemberError": "Failed to remove member",
+  "organization.members.emailRequired": "Email is required",
+  "organization.members.inviteSuccess": "Invitation sent",
+  "organization.members.inviteError": "Failed to invite member",
+  "organization.members.cancelInvitationSuccess": "Invitation canceled",
+  "organization.members.cancelInvitationError": "Failed to cancel invitation",
+  "organization.members.inviteLinkCopied": "Invitation link copied",
+  "organization.members.copyInviteLinkError": "Failed to copy invitation link",
+  "organization.members.unknownName": "Unknown",
+  "organization.members.invitedUser": "Invited user",
+  "organization.members.emailLabel": "Email",
+  "organization.members.emailPlaceholder": "name@company.com",
+  "organization.members.roleLabel": "Role",
+  "organization.members.inviteButton": "Invite",
+  "organization.members.tableTitle": "Organization members and invitations",
+  "organization.members.columnName": "Name",
+  "organization.members.columnEmail": "Email",
+  "organization.members.columnRole": "Role",
+  "organization.members.columnStatus": "Status",
+  "organization.members.columnActions": "Actions",
+  "organization.members.tableEmpty": "No members or invitations yet.",
+  "organization.members.roleFor": "Role for {{name}}",
+  "organization.members.statusActive": "active",
+  "organization.members.statusInvited": "invited",
+  "organization.members.removeMember": "Remove member",
+  "organization.members.copyInviteLink": "Copy invitation link",
+  "organization.members.cancelInvitation": "Cancel invitation",
+  "organization.members.roleUnknown": "Unknown role",
+  "organization.invitation.errorMissing": "Invitation id is missing.",
+  "organization.invitation.acceptFailed": "Failed to accept organization invitation.",
+  "organization.invitation.activateFailed": "Failed to switch to invited organization.",
+  "organization.invitation.accepted": "Invitation accepted",
+  "organization.invitation.error": "Invitation Error",
+  "organization.invitation.unableAccept": "Unable to accept invitation.",
+  "organization.invitation.accepting": "Accepting invitation",
+  "organization.invitation.redirecting": "Invitation accepted. Redirecting...",
+  "organization.invitation.pleaseWait": "Please wait while we process your invitation.",
+  "organization.switcher.label": "Organization",
+  "organization.switcher.failedToLoadOrganizations": "Failed to load organizations",
+  "organization.switcher.failedToSwitchOrganization": "Failed to switch organization",
+  "organization.switcher.organizationSwitched": "Organization switched",
+  "organization.switcher.retry": "Retry"
+}