npm - @m5kdev/frontend - Versions diffs - 0.20.49 → 0.21.0 - Mend

@m5kdev/frontend 0.20.49 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

package/dist/src/modules/file/hooks/useUpload.js CHANGED Viewed

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src_modules_app_hooks_useAppConfig = require("../../app/hooks/useAppConfig.js");
+const require_src_modules_file_hooks_useS3Upload = require("./useS3Upload.js");
 let react = require("react");
 //#region src/modules/file/hooks/useUpload.ts
 const createUploadPromise = (type, file, callbacks, serverUrl) => {
@@ -29,8 +30,10 @@ const createUploadPromise = (type, file, callbacks, serverUrl) => {
 		};
 		xhr.open("POST", `${serverUrl}/upload/file/${type}`);
 		const formData = new FormData();
-		formData.append("file", file);
-		xhr.send(formData);
+		require_src_modules_file_hooks_useS3Upload.resolveUploadBlob(file).then(({ blob, name }) => {
+			formData.append("file", blob, name);
+			xhr.send(formData);
+		}).catch(reject);
 	});
 };
 const createUploadTask = (file) => ({
@@ -39,7 +42,7 @@ const createUploadTask = (file) => ({
 	progress: 0,
 	status: "pending",
 	bytesUploaded: 0,
-	totalBytes: file.size
+	totalBytes: "size" in file && typeof file.size === "number" ? file.size : 0
 });
 function useFileUpload() {
 	const { serverUrl } = require_src_modules_app_hooks_useAppConfig.useAppConfig();
@@ -96,13 +99,13 @@ function useMultipartUpload() {
 			setOverallProgress(100);
 			return;
 		}
-		const totalBytes = queue.reduce((sum, task) => sum + task.file.size, 0);
+		const totalBytes = queue.reduce((sum, task) => sum + task.totalBytes, 0);
 		const uploadedBytes = queue.reduce((sum, task) => {
-			if (task.status === "completed") return sum + task.file.size;
-			if (task.status === "uploading") return sum + task.progress / 100 * task.file.size;
+			if (task.status === "completed") return sum + task.totalBytes;
+			if (task.status === "uploading") return sum + task.progress / 100 * task.totalBytes;
 			return sum;
 		}, 0);
-		setOverallProgress(Math.floor(uploadedBytes / totalBytes * 100));
+		setOverallProgress(totalBytes > 0 ? Math.floor(uploadedBytes / totalBytes * 100) : 0);
 	}, []);
 	const uploadSingleFile = (0, react.useCallback)(async (type, task) => {
 		return createUploadPromise(type, task.file, {

package/dist/src/modules/file/hooks/useUpload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useUpload.js","names":["useAppConfig"],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\r\n\r\nexport type UploadStatus = \"pending\" \| \"uploading\" \| \"completed\" \| \"error\";\r\n\r\nexport interface UploadFileTask {\r\n id: string;\r\n file: File;\r\n progress: number;\r\n status: UploadStatus;\r\n errorMessage?: string;\r\n bytesUploaded: number;\r\n totalBytes: number;\r\n}\r\n\r\ninterface UploadCallbacks {\r\n onProgress: (progress: number, bytesUploaded: number) => void;\r\n onComplete: () => void;\r\n onError: (error: string) => void;\r\n}\r\n\r\n// Shared utility function to create upload promise\r\nconst createUploadPromise = <T>(\r\n type: string,\r\n file: File,\r\n callbacks: UploadCallbacks,\r\n serverUrl: string\r\n): Promise<T> => {\r\n return new Promise((resolve, reject) => {\r\n const xhr = new XMLHttpRequest();\r\n\r\n xhr.upload.onprogress = (event: ProgressEvent<EventTarget>) => {\r\n if (event.lengthComputable) {\r\n const progress = Math.round((event.loaded * 100) / event.total);\r\n callbacks.onProgress(progress, event.loaded);\r\n }\r\n };\r\n\r\n xhr.onload = () => {\r\n if (xhr.status === 200) {\r\n callbacks.onComplete();\r\n // if response has json header, parse it\r\n if (xhr.getResponseHeader(\"Content-Type\")?.includes(\"application/json\")) {\r\n resolve(JSON.parse(xhr.response) as T);\r\n } else {\r\n resolve(xhr.response as T);\r\n }\r\n } else {\r\n const errorMessage = `Upload failed with status ${xhr.status}`;\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n }\r\n };\r\n\r\n xhr.onerror = () => {\r\n const errorMessage = \"Network error during upload\";\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n };\r\n\r\n xhr.open(\"POST\", `${serverUrl}/upload/file/${type}`);\r\n const formData = new FormData();\r\n formData.append(\"file\", file);\r\n xhr.send(formData);\r\n });\r\n};\r\n\r\n// Shared utility to create a task\r\nconst createUploadTask = (file: File): UploadFileTask => ({\r\n id:\r\n typeof crypto !== \"undefined\" && crypto.randomUUID\r\n ? crypto.randomUUID()\r\n : Math.random().toString(36).substr(2, 9),\r\n file,\r\n progress: 0,\r\n status: \"pending\",\r\n bytesUploaded: 0,\r\n totalBytes: file.size,\r\n});\r\n\r\n// Hook for single file upload\r\nexport function useFileUpload() {\r\n const { serverUrl } = useAppConfig();\r\n const [uploadTask, setUploadTask] = useState<UploadFileTask \| null>(null);\r\n\r\n const upload = useCallback(\r\n async <T>(type: string, file: File): Promise<T> => {\r\n const task = createUploadTask(file);\r\n setUploadTask(task);\r\n\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n }\r\n : null\r\n );\r\n },\r\n onComplete: () => {\r\n setUploadTask((prev) => (prev ? { ...prev, status: \"completed\", progress: 100 } : null));\r\n },\r\n onError: (errorMessage) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n }\r\n : null\r\n );\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, file, callbacks, serverUrl);\r\n },\r\n [serverUrl]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadTask(null);\r\n }, []);\r\n\r\n return {\r\n ...uploadTask,\r\n upload,\r\n reset,\r\n };\r\n}\r\n\r\n// Hook for multiple file uploads\r\nexport function useMultipartUpload() {\r\n const { serverUrl } = useAppConfig();\r\n const [uploadQueue, setUploadQueue] = useState<UploadFileTask[]>([]);\r\n const [overallProgress, setOverallProgress] = useState<number>(0);\r\n\r\n const updateTask = useCallback((id: string, changes: Partial<UploadFileTask>) => {\r\n setUploadQueue((prev) => prev.map((task) => (task.id === id ? { ...task, ...changes } : task)));\r\n }, []);\r\n\r\n const updateOverallProgress = useCallback((queue: UploadFileTask[]) => {\r\n if (queue.length === 0) {\r\n setOverallProgress(100);\r\n return;\r\n }\r\n const totalBytes = queue.reduce((sum, task) => sum + task.file.size, 0);\r\n const uploadedBytes = queue.reduce((sum, task) => {\r\n if (task.status === \"completed\") {\r\n return sum + task.file.size;\r\n }\r\n if (task.status === \"uploading\") {\r\n return sum + (task.progress / 100) * task.file.size;\r\n }\r\n return sum;\r\n }, 0);\r\n setOverallProgress(Math.floor((uploadedBytes / totalBytes) * 100));\r\n }, []);\r\n\r\n const uploadSingleFile = useCallback(\r\n async <T>(type: string, task: UploadFileTask): Promise<T> => {\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n updateTask(task.id, {\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n });\r\n setUploadQueue((currentQueue) => {\r\n const updatedQueue = currentQueue.map((q) =>\r\n q.id === task.id ? { ...q, progress, bytesUploaded } : q\r\n );\r\n updateOverallProgress(updatedQueue);\r\n return updatedQueue;\r\n });\r\n },\r\n onComplete: () => {\r\n updateTask(task.id, { status: \"completed\", progress: 100 });\r\n },\r\n onError: (errorMessage) => {\r\n updateTask(task.id, {\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n });\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, task.file, callbacks, serverUrl);\r\n },\r\n [serverUrl, updateTask, updateOverallProgress]\r\n );\r\n\r\n const uploadFiles = useCallback(\r\n async (type: string, files: File[]) => {\r\n const initialQueue = files.map(createUploadTask);\r\n setUploadQueue(initialQueue);\r\n updateOverallProgress(initialQueue);\r\n\r\n for (const task of initialQueue) {\r\n try {\r\n await uploadSingleFile(type, task);\r\n } catch (_error) {}\r\n }\r\n },\r\n [uploadSingleFile, updateOverallProgress]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadQueue([]);\r\n setOverallProgress(0);\r\n }, []);\r\n\r\n return {\r\n uploadQueue,\r\n overallProgress,\r\n uploadFiles,\r\n reset,\r\n getTotalBytes: () => uploadQueue.reduce((sum, task) => sum + task.totalBytes, 0),\r\n getTotalBytesUploaded: () => uploadQueue.reduce((sum, task) => sum + task.bytesUploaded, 0),\r\n };\r\n}\r\n"],"mappings":"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"}
1	+ {"version":3,"file":"useUpload.js","names":["useAppConfig"],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\r\nimport { resolveUploadBlob, type UploadBlobInput } from \"./useS3Upload\";\r\n\r\nexport type UploadStatus = \"pending\" \| \"uploading\" \| \"completed\" \| \"error\";\r\n\r\nexport interface UploadFileTask {\r\n id: string;\r\n file: UploadBlobInput;\r\n progress: number;\r\n status: UploadStatus;\r\n errorMessage?: string;\r\n bytesUploaded: number;\r\n totalBytes: number;\r\n}\r\n\r\ninterface UploadCallbacks {\r\n onProgress: (progress: number, bytesUploaded: number) => void;\r\n onComplete: () => void;\r\n onError: (error: string) => void;\r\n}\r\n\r\n// Shared utility function to create upload promise\r\nconst createUploadPromise = <T>(\r\n type: string,\r\n file: UploadBlobInput,\r\n callbacks: UploadCallbacks,\r\n serverUrl: string\r\n): Promise<T> => {\r\n return new Promise((resolve, reject) => {\r\n const xhr = new XMLHttpRequest();\r\n\r\n xhr.upload.onprogress = (event: ProgressEvent<EventTarget>) => {\r\n if (event.lengthComputable) {\r\n const progress = Math.round((event.loaded * 100) / event.total);\r\n callbacks.onProgress(progress, event.loaded);\r\n }\r\n };\r\n\r\n xhr.onload = () => {\r\n if (xhr.status === 200) {\r\n callbacks.onComplete();\r\n // if response has json header, parse it\r\n if (xhr.getResponseHeader(\"Content-Type\")?.includes(\"application/json\")) {\r\n resolve(JSON.parse(xhr.response) as T);\r\n } else {\r\n resolve(xhr.response as T);\r\n }\r\n } else {\r\n const errorMessage = `Upload failed with status ${xhr.status}`;\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n }\r\n };\r\n\r\n xhr.onerror = () => {\r\n const errorMessage = \"Network error during upload\";\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n };\r\n\r\n xhr.open(\"POST\", `${serverUrl}/upload/file/${type}`);\r\n const formData = new FormData();\r\n resolveUploadBlob(file)\r\n .then(({ blob, name }) => {\r\n formData.append(\"file\", blob, name);\r\n xhr.send(formData);\r\n })\r\n .catch(reject);\r\n });\r\n};\r\n\r\n// Shared utility to create a task\r\nconst createUploadTask = (file: UploadBlobInput): UploadFileTask => ({\r\n id:\r\n typeof crypto !== \"undefined\" && crypto.randomUUID\r\n ? crypto.randomUUID()\r\n : Math.random().toString(36).substr(2, 9),\r\n file,\r\n progress: 0,\r\n status: \"pending\",\r\n bytesUploaded: 0,\r\n totalBytes: \"size\" in file && typeof file.size === \"number\" ? file.size : 0,\r\n});\r\n\r\n// Hook for single file upload\r\nexport function useFileUpload() {\r\n const { serverUrl } = useAppConfig();\r\n const [uploadTask, setUploadTask] = useState<UploadFileTask \| null>(null);\r\n\r\n const upload = useCallback(\r\n async <T>(type: string, file: UploadBlobInput): Promise<T> => {\r\n const task = createUploadTask(file);\r\n setUploadTask(task);\r\n\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n }\r\n : null\r\n );\r\n },\r\n onComplete: () => {\r\n setUploadTask((prev) => (prev ? { ...prev, status: \"completed\", progress: 100 } : null));\r\n },\r\n onError: (errorMessage) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n }\r\n : null\r\n );\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, file, callbacks, serverUrl);\r\n },\r\n [serverUrl]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadTask(null);\r\n }, []);\r\n\r\n return {\r\n ...uploadTask,\r\n upload,\r\n reset,\r\n };\r\n}\r\n\r\n// Hook for multiple file uploads\r\nexport function useMultipartUpload() {\r\n const { serverUrl } = useAppConfig();\r\n const [uploadQueue, setUploadQueue] = useState<UploadFileTask[]>([]);\r\n const [overallProgress, setOverallProgress] = useState<number>(0);\r\n\r\n const updateTask = useCallback((id: string, changes: Partial<UploadFileTask>) => {\r\n setUploadQueue((prev) => prev.map((task) => (task.id === id ? { ...task, ...changes } : task)));\r\n }, []);\r\n\r\n const updateOverallProgress = useCallback((queue: UploadFileTask[]) => {\r\n if (queue.length === 0) {\r\n setOverallProgress(100);\r\n return;\r\n }\r\n const totalBytes = queue.reduce((sum, task) => sum + task.totalBytes, 0);\r\n const uploadedBytes = queue.reduce((sum, task) => {\r\n if (task.status === \"completed\") {\r\n return sum + task.totalBytes;\r\n }\r\n if (task.status === \"uploading\") {\r\n return sum + (task.progress / 100) * task.totalBytes;\r\n }\r\n return sum;\r\n }, 0);\r\n setOverallProgress(totalBytes > 0 ? Math.floor((uploadedBytes / totalBytes) * 100) : 0);\r\n }, []);\r\n\r\n const uploadSingleFile = useCallback(\r\n async <T>(type: string, task: UploadFileTask): Promise<T> => {\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n updateTask(task.id, {\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n });\r\n setUploadQueue((currentQueue) => {\r\n const updatedQueue = currentQueue.map((q) =>\r\n q.id === task.id ? { ...q, progress, bytesUploaded } : q\r\n );\r\n updateOverallProgress(updatedQueue);\r\n return updatedQueue;\r\n });\r\n },\r\n onComplete: () => {\r\n updateTask(task.id, { status: \"completed\", progress: 100 });\r\n },\r\n onError: (errorMessage) => {\r\n updateTask(task.id, {\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n });\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, task.file, callbacks, serverUrl);\r\n },\r\n [serverUrl, updateTask, updateOverallProgress]\r\n );\r\n\r\n const uploadFiles = useCallback(\r\n async (type: string, files: UploadBlobInput[]) => {\r\n const initialQueue = files.map(createUploadTask);\r\n setUploadQueue(initialQueue);\r\n updateOverallProgress(initialQueue);\r\n\r\n for (const task of initialQueue) {\r\n try {\r\n await uploadSingleFile(type, task);\r\n } catch (_error) {}\r\n }\r\n },\r\n [uploadSingleFile, updateOverallProgress]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadQueue([]);\r\n setOverallProgress(0);\r\n }, []);\r\n\r\n return {\r\n uploadQueue,\r\n overallProgress,\r\n uploadFiles,\r\n reset,\r\n getTotalBytes: () => uploadQueue.reduce((sum, task) => sum + task.totalBytes, 0),\r\n getTotalBytesUploaded: () => uploadQueue.reduce((sum, task) => sum + task.bytesUploaded, 0),\r\n };\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/file/hooks/useUpload.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
 import { useAppConfig } from "../../app/hooks/useAppConfig.mjs";
+import { resolveUploadBlob } from "./useS3Upload.mjs";
 import { useCallback, useState } from "react";
 //#region src/modules/file/hooks/useUpload.ts
 const createUploadPromise = (type, file, callbacks, serverUrl) => {
@@ -28,8 +29,10 @@ const createUploadPromise = (type, file, callbacks, serverUrl) => {
 		};
 		xhr.open("POST", `${serverUrl}/upload/file/${type}`);
 		const formData = new FormData();
-		formData.append("file", file);
-		xhr.send(formData);
+		resolveUploadBlob(file).then(({ blob, name }) => {
+			formData.append("file", blob, name);
+			xhr.send(formData);
+		}).catch(reject);
 	});
 };
 const createUploadTask = (file) => ({
@@ -38,7 +41,7 @@ const createUploadTask = (file) => ({
 	progress: 0,
 	status: "pending",
 	bytesUploaded: 0,
-	totalBytes: file.size
+	totalBytes: "size" in file && typeof file.size === "number" ? file.size : 0
 });
 function useFileUpload() {
 	const { serverUrl } = useAppConfig();
@@ -95,13 +98,13 @@ function useMultipartUpload() {
 			setOverallProgress(100);
 			return;
 		}
-		const totalBytes = queue.reduce((sum, task) => sum + task.file.size, 0);
+		const totalBytes = queue.reduce((sum, task) => sum + task.totalBytes, 0);
 		const uploadedBytes = queue.reduce((sum, task) => {
-			if (task.status === "completed") return sum + task.file.size;
-			if (task.status === "uploading") return sum + task.progress / 100 * task.file.size;
+			if (task.status === "completed") return sum + task.totalBytes;
+			if (task.status === "uploading") return sum + task.progress / 100 * task.totalBytes;
 			return sum;
 		}, 0);
-		setOverallProgress(Math.floor(uploadedBytes / totalBytes * 100));
+		setOverallProgress(totalBytes > 0 ? Math.floor(uploadedBytes / totalBytes * 100) : 0);
 	}, []);
 	const uploadSingleFile = useCallback(async (type, task) => {
 		return createUploadPromise(type, task.file, {

package/dist/src/modules/file/hooks/useUpload.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useUpload.mjs","names":[],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\r\n\r\nexport type UploadStatus = \"pending\" \| \"uploading\" \| \"completed\" \| \"error\";\r\n\r\nexport interface UploadFileTask {\r\n id: string;\r\n file: File;\r\n progress: number;\r\n status: UploadStatus;\r\n errorMessage?: string;\r\n bytesUploaded: number;\r\n totalBytes: number;\r\n}\r\n\r\ninterface UploadCallbacks {\r\n onProgress: (progress: number, bytesUploaded: number) => void;\r\n onComplete: () => void;\r\n onError: (error: string) => void;\r\n}\r\n\r\n// Shared utility function to create upload promise\r\nconst createUploadPromise = <T>(\r\n type: string,\r\n file: File,\r\n callbacks: UploadCallbacks,\r\n serverUrl: string\r\n): Promise<T> => {\r\n return new Promise((resolve, reject) => {\r\n const xhr = new XMLHttpRequest();\r\n\r\n xhr.upload.onprogress = (event: ProgressEvent<EventTarget>) => {\r\n if (event.lengthComputable) {\r\n const progress = Math.round((event.loaded * 100) / event.total);\r\n callbacks.onProgress(progress, event.loaded);\r\n }\r\n };\r\n\r\n xhr.onload = () => {\r\n if (xhr.status === 200) {\r\n callbacks.onComplete();\r\n // if response has json header, parse it\r\n if (xhr.getResponseHeader(\"Content-Type\")?.includes(\"application/json\")) {\r\n resolve(JSON.parse(xhr.response) as T);\r\n } else {\r\n resolve(xhr.response as T);\r\n }\r\n } else {\r\n const errorMessage = `Upload failed with status ${xhr.status}`;\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n }\r\n };\r\n\r\n xhr.onerror = () => {\r\n const errorMessage = \"Network error during upload\";\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n };\r\n\r\n xhr.open(\"POST\", `${serverUrl}/upload/file/${type}`);\r\n const formData = new FormData();\r\n formData.append(\"file\", file);\r\n xhr.send(formData);\r\n });\r\n};\r\n\r\n// Shared utility to create a task\r\nconst createUploadTask = (file: File): UploadFileTask => ({\r\n id:\r\n typeof crypto !== \"undefined\" && crypto.randomUUID\r\n ? crypto.randomUUID()\r\n : Math.random().toString(36).substr(2, 9),\r\n file,\r\n progress: 0,\r\n status: \"pending\",\r\n bytesUploaded: 0,\r\n totalBytes: file.size,\r\n});\r\n\r\n// Hook for single file upload\r\nexport function useFileUpload() {\r\n const { serverUrl } = useAppConfig();\r\n const [uploadTask, setUploadTask] = useState<UploadFileTask \| null>(null);\r\n\r\n const upload = useCallback(\r\n async <T>(type: string, file: File): Promise<T> => {\r\n const task = createUploadTask(file);\r\n setUploadTask(task);\r\n\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n }\r\n : null\r\n );\r\n },\r\n onComplete: () => {\r\n setUploadTask((prev) => (prev ? { ...prev, status: \"completed\", progress: 100 } : null));\r\n },\r\n onError: (errorMessage) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n }\r\n : null\r\n );\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, file, callbacks, serverUrl);\r\n },\r\n [serverUrl]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadTask(null);\r\n }, []);\r\n\r\n return {\r\n ...uploadTask,\r\n upload,\r\n reset,\r\n };\r\n}\r\n\r\n// Hook for multiple file uploads\r\nexport function useMultipartUpload() {\r\n const { serverUrl } = useAppConfig();\r\n const [uploadQueue, setUploadQueue] = useState<UploadFileTask[]>([]);\r\n const [overallProgress, setOverallProgress] = useState<number>(0);\r\n\r\n const updateTask = useCallback((id: string, changes: Partial<UploadFileTask>) => {\r\n setUploadQueue((prev) => prev.map((task) => (task.id === id ? { ...task, ...changes } : task)));\r\n }, []);\r\n\r\n const updateOverallProgress = useCallback((queue: UploadFileTask[]) => {\r\n if (queue.length === 0) {\r\n setOverallProgress(100);\r\n return;\r\n }\r\n const totalBytes = queue.reduce((sum, task) => sum + task.file.size, 0);\r\n const uploadedBytes = queue.reduce((sum, task) => {\r\n if (task.status === \"completed\") {\r\n return sum + task.file.size;\r\n }\r\n if (task.status === \"uploading\") {\r\n return sum + (task.progress / 100) * task.file.size;\r\n }\r\n return sum;\r\n }, 0);\r\n setOverallProgress(Math.floor((uploadedBytes / totalBytes) * 100));\r\n }, []);\r\n\r\n const uploadSingleFile = useCallback(\r\n async <T>(type: string, task: UploadFileTask): Promise<T> => {\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n updateTask(task.id, {\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n });\r\n setUploadQueue((currentQueue) => {\r\n const updatedQueue = currentQueue.map((q) =>\r\n q.id === task.id ? { ...q, progress, bytesUploaded } : q\r\n );\r\n updateOverallProgress(updatedQueue);\r\n return updatedQueue;\r\n });\r\n },\r\n onComplete: () => {\r\n updateTask(task.id, { status: \"completed\", progress: 100 });\r\n },\r\n onError: (errorMessage) => {\r\n updateTask(task.id, {\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n });\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, task.file, callbacks, serverUrl);\r\n },\r\n [serverUrl, updateTask, updateOverallProgress]\r\n );\r\n\r\n const uploadFiles = useCallback(\r\n async (type: string, files: File[]) => {\r\n const initialQueue = files.map(createUploadTask);\r\n setUploadQueue(initialQueue);\r\n updateOverallProgress(initialQueue);\r\n\r\n for (const task of initialQueue) {\r\n try {\r\n await uploadSingleFile(type, task);\r\n } catch (_error) {}\r\n }\r\n },\r\n [uploadSingleFile, updateOverallProgress]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadQueue([]);\r\n setOverallProgress(0);\r\n }, []);\r\n\r\n return {\r\n uploadQueue,\r\n overallProgress,\r\n uploadFiles,\r\n reset,\r\n getTotalBytes: () => uploadQueue.reduce((sum, task) => sum + task.totalBytes, 0),\r\n getTotalBytesUploaded: () => uploadQueue.reduce((sum, task) => sum + task.bytesUploaded, 0),\r\n };\r\n}\r\n"],"mappings":"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"}
1	+ {"version":3,"file":"useUpload.mjs","names":[],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\r\nimport { resolveUploadBlob, type UploadBlobInput } from \"./useS3Upload\";\r\n\r\nexport type UploadStatus = \"pending\" \| \"uploading\" \| \"completed\" \| \"error\";\r\n\r\nexport interface UploadFileTask {\r\n id: string;\r\n file: UploadBlobInput;\r\n progress: number;\r\n status: UploadStatus;\r\n errorMessage?: string;\r\n bytesUploaded: number;\r\n totalBytes: number;\r\n}\r\n\r\ninterface UploadCallbacks {\r\n onProgress: (progress: number, bytesUploaded: number) => void;\r\n onComplete: () => void;\r\n onError: (error: string) => void;\r\n}\r\n\r\n// Shared utility function to create upload promise\r\nconst createUploadPromise = <T>(\r\n type: string,\r\n file: UploadBlobInput,\r\n callbacks: UploadCallbacks,\r\n serverUrl: string\r\n): Promise<T> => {\r\n return new Promise((resolve, reject) => {\r\n const xhr = new XMLHttpRequest();\r\n\r\n xhr.upload.onprogress = (event: ProgressEvent<EventTarget>) => {\r\n if (event.lengthComputable) {\r\n const progress = Math.round((event.loaded * 100) / event.total);\r\n callbacks.onProgress(progress, event.loaded);\r\n }\r\n };\r\n\r\n xhr.onload = () => {\r\n if (xhr.status === 200) {\r\n callbacks.onComplete();\r\n // if response has json header, parse it\r\n if (xhr.getResponseHeader(\"Content-Type\")?.includes(\"application/json\")) {\r\n resolve(JSON.parse(xhr.response) as T);\r\n } else {\r\n resolve(xhr.response as T);\r\n }\r\n } else {\r\n const errorMessage = `Upload failed with status ${xhr.status}`;\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n }\r\n };\r\n\r\n xhr.onerror = () => {\r\n const errorMessage = \"Network error during upload\";\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n };\r\n\r\n xhr.open(\"POST\", `${serverUrl}/upload/file/${type}`);\r\n const formData = new FormData();\r\n resolveUploadBlob(file)\r\n .then(({ blob, name }) => {\r\n formData.append(\"file\", blob, name);\r\n xhr.send(formData);\r\n })\r\n .catch(reject);\r\n });\r\n};\r\n\r\n// Shared utility to create a task\r\nconst createUploadTask = (file: UploadBlobInput): UploadFileTask => ({\r\n id:\r\n typeof crypto !== \"undefined\" && crypto.randomUUID\r\n ? crypto.randomUUID()\r\n : Math.random().toString(36).substr(2, 9),\r\n file,\r\n progress: 0,\r\n status: \"pending\",\r\n bytesUploaded: 0,\r\n totalBytes: \"size\" in file && typeof file.size === \"number\" ? file.size : 0,\r\n});\r\n\r\n// Hook for single file upload\r\nexport function useFileUpload() {\r\n const { serverUrl } = useAppConfig();\r\n const [uploadTask, setUploadTask] = useState<UploadFileTask \| null>(null);\r\n\r\n const upload = useCallback(\r\n async <T>(type: string, file: UploadBlobInput): Promise<T> => {\r\n const task = createUploadTask(file);\r\n setUploadTask(task);\r\n\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n }\r\n : null\r\n );\r\n },\r\n onComplete: () => {\r\n setUploadTask((prev) => (prev ? { ...prev, status: \"completed\", progress: 100 } : null));\r\n },\r\n onError: (errorMessage) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n }\r\n : null\r\n );\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, file, callbacks, serverUrl);\r\n },\r\n [serverUrl]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadTask(null);\r\n }, []);\r\n\r\n return {\r\n ...uploadTask,\r\n upload,\r\n reset,\r\n };\r\n}\r\n\r\n// Hook for multiple file uploads\r\nexport function useMultipartUpload() {\r\n const { serverUrl } = useAppConfig();\r\n const [uploadQueue, setUploadQueue] = useState<UploadFileTask[]>([]);\r\n const [overallProgress, setOverallProgress] = useState<number>(0);\r\n\r\n const updateTask = useCallback((id: string, changes: Partial<UploadFileTask>) => {\r\n setUploadQueue((prev) => prev.map((task) => (task.id === id ? { ...task, ...changes } : task)));\r\n }, []);\r\n\r\n const updateOverallProgress = useCallback((queue: UploadFileTask[]) => {\r\n if (queue.length === 0) {\r\n setOverallProgress(100);\r\n return;\r\n }\r\n const totalBytes = queue.reduce((sum, task) => sum + task.totalBytes, 0);\r\n const uploadedBytes = queue.reduce((sum, task) => {\r\n if (task.status === \"completed\") {\r\n return sum + task.totalBytes;\r\n }\r\n if (task.status === \"uploading\") {\r\n return sum + (task.progress / 100) * task.totalBytes;\r\n }\r\n return sum;\r\n }, 0);\r\n setOverallProgress(totalBytes > 0 ? Math.floor((uploadedBytes / totalBytes) * 100) : 0);\r\n }, []);\r\n\r\n const uploadSingleFile = useCallback(\r\n async <T>(type: string, task: UploadFileTask): Promise<T> => {\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n updateTask(task.id, {\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n });\r\n setUploadQueue((currentQueue) => {\r\n const updatedQueue = currentQueue.map((q) =>\r\n q.id === task.id ? { ...q, progress, bytesUploaded } : q\r\n );\r\n updateOverallProgress(updatedQueue);\r\n return updatedQueue;\r\n });\r\n },\r\n onComplete: () => {\r\n updateTask(task.id, { status: \"completed\", progress: 100 });\r\n },\r\n onError: (errorMessage) => {\r\n updateTask(task.id, {\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n });\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, task.file, callbacks, serverUrl);\r\n },\r\n [serverUrl, updateTask, updateOverallProgress]\r\n );\r\n\r\n const uploadFiles = useCallback(\r\n async (type: string, files: UploadBlobInput[]) => {\r\n const initialQueue = files.map(createUploadTask);\r\n setUploadQueue(initialQueue);\r\n updateOverallProgress(initialQueue);\r\n\r\n for (const task of initialQueue) {\r\n try {\r\n await uploadSingleFile(type, task);\r\n } catch (_error) {}\r\n }\r\n },\r\n [uploadSingleFile, updateOverallProgress]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadQueue([]);\r\n setOverallProgress(0);\r\n }, []);\r\n\r\n return {\r\n uploadQueue,\r\n overallProgress,\r\n uploadFiles,\r\n reset,\r\n getTotalBytes: () => uploadQueue.reduce((sum, task) => sum + task.totalBytes, 0),\r\n getTotalBytesUploaded: () => uploadQueue.reduce((sum, task) => sum + task.bytesUploaded, 0),\r\n };\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/table/hooks/useQueryWithParams.d.mts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { NuqsQueryParams } from "./useNuqsQueryParams.mjs";
+import { QueryParamsState } from "../queryParams.mjs";
 import { UseQueryOptions, UseQueryResult } from "@tanstack/react-query";
 import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
 import { GroupingState } from "@tanstack/react-table";
@@ -18,7 +18,7 @@ type GetQueryOptionsFn<TInput, TData> = (input: TInput, ...args: any[]) => Query
 interface QueryWithParamsOptions<TInput, TData> {
   getQueryOptions: GetQueryOptionsFn<TInput, TData>;
   queryParams?: TInput;
-  queryState: Pick<NuqsQueryParams, "filters" | "sort" | "order" | "page" | "limit" | "q">;
+  queryState: Pick<QueryParamsState, "filters" | "sort" | "order" | "page" | "limit" | "q">;
   grouping?: GroupingState;
   additionalFilters?: QueryFilters;
   enabled?: boolean;

package/dist/src/modules/table/hooks/useQueryWithParams.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useQueryWithParams.d.mts","names":[],"sources":["../../../../../src/modules/table/hooks/useQueryWithParams.ts"],"mappings":";;;;;;;;~~AAI4D~~;;;~~KAQvD~~,gBAAA,UAA0B,eAAA,CAAgB,KAAA,OAAY,KAAA;;;;;KAOtD,iBAAA,mBAAoC,KAAA,EAAO,MAAA,KAAW,IAAA,YAAgB,gBAAA,CAAiB,KAAA;AAAA,UAI3E,sBAAA;EACf,eAAA,EAAiB,iBAAA,CAAkB,MAAA,EAAQ,KAAA;EAC3C,WAAA,GAAc,MAAA;EACd,UAAA,EAAY,IAAA,CAAK,~~eAAA~~;EACjB,QAAA,GAAW,aAAA;EACX,iBAAA,GAAoB,YAAA;EACpB,OAAA;AAAA;;;;;cAOW,kBAAA;EAAqC,eAAA;EAAA,WAAA;EAAA,UAAA;EAAA,QAAA;EAAA,iBAAA;EAAA;AAAA,GAO/C,sBAAA,CAAuB,MAAA,EAAQ,KAAA,MAAS,cAAA,CAAe,KAAA"}
1	+ {"version":3,"file":"useQueryWithParams.d.mts","names":[],"sources":["../../../../../src/modules/table/hooks/useQueryWithParams.ts"],"mappings":";;;;;;;;AAIuD;;;KAQlD,gBAAA,UAA0B,eAAA,CAAgB,KAAA,OAAY,KAAA;;;;;KAOtD,iBAAA,mBAAoC,KAAA,EAAO,MAAA,KAAW,IAAA,YAAgB,gBAAA,CAAiB,KAAA;AAAA,UAI3E,sBAAA;EACf,eAAA,EAAiB,iBAAA,CAAkB,MAAA,EAAQ,KAAA;EAC3C,WAAA,GAAc,MAAA;EACd,UAAA,EAAY,IAAA,CAAK,gBAAA;EACjB,QAAA,GAAW,aAAA;EACX,iBAAA,GAAoB,YAAA;EACpB,OAAA;AAAA;;;;;cAOW,kBAAA;EAAqC,eAAA;EAAA,WAAA;EAAA,UAAA;EAAA,QAAA;EAAA,iBAAA;EAAA;AAAA,GAO/C,sBAAA,CAAuB,MAAA,EAAQ,KAAA,MAAS,cAAA,CAAe,KAAA"}

package/dist/src/modules/table/hooks/useQueryWithParams.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { NuqsQueryParams } from "./useNuqsQueryParams.js";
+import { QueryParamsState } from "../queryParams.js";
 import { UseQueryOptions, UseQueryResult } from "@tanstack/react-query";
 import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
 import { GroupingState } from "@tanstack/react-table";
@@ -18,7 +18,7 @@ type GetQueryOptionsFn<TInput, TData> = (input: TInput, ...args: any[]) => Query
 interface QueryWithParamsOptions<TInput, TData> {
   getQueryOptions: GetQueryOptionsFn<TInput, TData>;
   queryParams?: TInput;
-  queryState: Pick<NuqsQueryParams, "filters" | "sort" | "order" | "page" | "limit" | "q">;
+  queryState: Pick<QueryParamsState, "filters" | "sort" | "order" | "page" | "limit" | "q">;
   grouping?: GroupingState;
   additionalFilters?: QueryFilters;
   enabled?: boolean;

package/dist/src/modules/table/hooks/useQueryWithParams.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useQueryWithParams.d.ts","names":[],"sources":["../../../../../src/modules/table/hooks/useQueryWithParams.ts"],"mappings":";;;;;;;;~~AAI4D~~;;;~~KAQvD~~,gBAAA,UAA0B,eAAA,CAAgB,KAAA,OAAY,KAAA;;;;;KAOtD,iBAAA,mBAAoC,KAAA,EAAO,MAAA,KAAW,IAAA,YAAgB,gBAAA,CAAiB,KAAA;AAAA,UAI3E,sBAAA;EACf,eAAA,EAAiB,iBAAA,CAAkB,MAAA,EAAQ,KAAA;EAC3C,WAAA,GAAc,MAAA;EACd,UAAA,EAAY,IAAA,CAAK,~~eAAA~~;EACjB,QAAA,GAAW,aAAA;EACX,iBAAA,GAAoB,YAAA;EACpB,OAAA;AAAA;;;;;cAOW,kBAAA;EAAqC,eAAA;EAAA,WAAA;EAAA,UAAA;EAAA,QAAA;EAAA,iBAAA;EAAA;AAAA,GAO/C,sBAAA,CAAuB,MAAA,EAAQ,KAAA,MAAS,cAAA,CAAe,KAAA"}
1	+ {"version":3,"file":"useQueryWithParams.d.ts","names":[],"sources":["../../../../../src/modules/table/hooks/useQueryWithParams.ts"],"mappings":";;;;;;;;AAIuD;;;KAQlD,gBAAA,UAA0B,eAAA,CAAgB,KAAA,OAAY,KAAA;;;;;KAOtD,iBAAA,mBAAoC,KAAA,EAAO,MAAA,KAAW,IAAA,YAAgB,gBAAA,CAAiB,KAAA;AAAA,UAI3E,sBAAA;EACf,eAAA,EAAiB,iBAAA,CAAkB,MAAA,EAAQ,KAAA;EAC3C,WAAA,GAAc,MAAA;EACd,UAAA,EAAY,IAAA,CAAK,gBAAA;EACjB,QAAA,GAAW,aAAA;EACX,iBAAA,GAAoB,YAAA;EACpB,OAAA;AAAA;;;;;cAOW,kBAAA;EAAqC,eAAA;EAAA,WAAA;EAAA,UAAA;EAAA,QAAA;EAAA,iBAAA;EAAA;AAAA,GAO/C,sBAAA,CAAuB,MAAA,EAAQ,KAAA,MAAS,cAAA,CAAe,KAAA"}

package/dist/src/modules/table/hooks/useQueryWithParams.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useQueryWithParams.js","names":[],"sources":["../../../../../src/modules/table/hooks/useQueryWithParams.ts"],"sourcesContent":["import type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport { type UseQueryOptions, type UseQueryResult, useQuery } from \"@tanstack/react-query\";\r\nimport type { GroupingState } from \"@tanstack/react-table\";\r\nimport { useEffect, useMemo, useRef } from \"react\";\r\nimport type { ~~NuqsQueryParams~~ } from \"~~./useNuqsQueryParams~~\";\r\n\r\n/*\r\n Flexible query options type that accepts both standard TanStack Query options\r\n * and tRPC's queryOptions function return type.\r\n * Uses permissive generics to handle type differences between TanStack Query and tRPC.\r\n /\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype QueryOptionsLike<TData> = UseQueryOptions<TData, any, TData, any>;\r\n\r\n/\r\n Function type that accepts both standard query options functions and tRPC's queryOptions.\r\n * tRPC's queryOptions accepts (input, opts?) while standard functions may only accept (input).\r\n /\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype GetQueryOptionsFn<TInput, TData> = (input: TInput, ...args: any[]) => QueryOptionsLike<TData>;\r\n\r\nconst FETCH_ALL_LIMIT = 99999;\r\n\r\nexport interface QueryWithParamsOptions<TInput, TData> {\r\n getQueryOptions: GetQueryOptionsFn<TInput, TData>;\r\n queryParams?: TInput;\r\n queryState: Pick<~~NuqsQueryParams~~, \"filters\" \| \"sort\" \| \"order\" \| \"page\" \| \"limit\" \| \"q\">;\r\n grouping?: GroupingState;\r\n additionalFilters?: QueryFilters;\r\n enabled?: boolean;\r\n}\r\n\r\n/\r\n Hook to integrate query state with React Query\r\n * Combines queryParams with queryState and manages data fetching\r\n */\r\nexport const useQueryWithParams = <TInput, TData>({\r\n getQueryOptions,\r\n queryParams = {} as TInput,\r\n queryState,\r\n grouping = [],\r\n additionalFilters,\r\n enabled = true,\r\n}: QueryWithParamsOptions<TInput, TData>): UseQueryResult<TData> => {\r\n const { filters, sort, order, page, limit, q } = queryState;\r\n const isGrouped = grouping.length > 0;\r\n\r\n const input = useMemo(() => {\r\n let mergedFilters: QueryFilters \| undefined;\r\n if (additionalFilters?.length) {\r\n const additionalColumnIds = new Set(additionalFilters.map((f) => f.columnId));\r\n const ownFiltersOnly = (filters ?? []).filter((f) => !additionalColumnIds.has(f.columnId));\r\n mergedFilters = [...additionalFilters, ...ownFiltersOnly];\r\n } else {\r\n mergedFilters = filters;\r\n }\r\n\r\n const qTrimmed = q?.trim();\r\n const qPayload = qTrimmed && qTrimmed.length > 0 ? qTrimmed : undefined;\r\n\r\n return {\r\n ...queryParams,\r\n page: isGrouped ? 1 : page,\r\n limit: isGrouped ? FETCH_ALL_LIMIT : limit,\r\n sort,\r\n order: order ?? undefined,\r\n filters: mergedFilters,\r\n ...(qPayload !== undefined ? { q: qPayload } : {}),\r\n };\r\n }, [queryParams, page, limit, sort, order, filters, isGrouped, additionalFilters, q]);\r\n\r\n const prevIsGroupedRef = useRef(isGrouped);\r\n\r\n const groupingTransitioned = prevIsGroupedRef.current !== isGrouped;\r\n\r\n useEffect(() => {\r\n prevIsGroupedRef.current = isGrouped;\r\n }, [isGrouped]);\r\n\r\n const queryOptions = useMemo(\r\n () => ({\r\n ...getQueryOptions(input),\r\n placeholderData: groupingTransitioned\r\n ? undefined\r\n : (previousData: TData \| undefined) => previousData,\r\n enabled,\r\n }),\r\n [getQueryOptions, input, enabled, groupingTransitioned]\r\n );\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n return useQuery(queryOptions as any) as UseQueryResult<TData>;\r\n};\r\n"],"mappings":";;;;AAqBA,MAAM,kBAAkB;;;;;AAexB,MAAa,sBAAqC,EAChD,iBACA,cAAc,EAAE,EAChB,YACA,WAAW,EAAE,EACb,mBACA,UAAU,WACwD;CAClE,MAAM,EAAE,SAAS,MAAM,OAAO,MAAM,OAAO,MAAM;CACjD,MAAM,YAAY,SAAS,SAAS;CAEpC,MAAM,SAAA,GAAA,MAAA,eAAsB;EAC1B,IAAI;AACJ,MAAI,mBAAmB,QAAQ;GAC7B,MAAM,sBAAsB,IAAI,IAAI,kBAAkB,KAAK,MAAM,EAAE,SAAS,CAAC;GAC7E,MAAM,kBAAkB,WAAW,EAAE,EAAE,QAAQ,MAAM,CAAC,oBAAoB,IAAI,EAAE,SAAS,CAAC;AAC1F,mBAAgB,CAAC,GAAG,mBAAmB,GAAG,eAAe;QAEzD,iBAAgB;EAGlB,MAAM,WAAW,GAAG,MAAM;EAC1B,MAAM,WAAW,YAAY,SAAS,SAAS,IAAI,WAAW,KAAA;AAE9D,SAAO;GACL,GAAG;GACH,MAAM,YAAY,IAAI;GACtB,OAAO,YAAY,kBAAkB;GACrC;GACA,OAAO,SAAS,KAAA;GAChB,SAAS;GACT,GAAI,aAAa,KAAA,IAAY,EAAE,GAAG,UAAU,GAAG,EAAE;GAClD;IACA;EAAC;EAAa;EAAM;EAAO;EAAM;EAAO;EAAS;EAAW;EAAmB;EAAE,CAAC;CAErF,MAAM,oBAAA,GAAA,MAAA,QAA0B,UAAU;CAE1C,MAAM,uBAAuB,iBAAiB,YAAY;AAE1D,EAAA,GAAA,MAAA,iBAAgB;AACd,mBAAiB,UAAU;IAC1B,CAAC,UAAU,CAAC;AAcf,SAAA,GAAA,sBAAA,WAAA,GAAA,MAAA,gBAXS;EACL,GAAG,gBAAgB,MAAM;EACzB,iBAAiB,uBACb,KAAA,KACC,iBAAoC;EACzC;EACD,GACD;EAAC;EAAiB;EAAO;EAAS;EAAqB,CACxD,CAGmC"}
1	+ {"version":3,"file":"useQueryWithParams.js","names":[],"sources":["../../../../../src/modules/table/hooks/useQueryWithParams.ts"],"sourcesContent":["import type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport { type UseQueryOptions, type UseQueryResult, useQuery } from \"@tanstack/react-query\";\r\nimport type { GroupingState } from \"@tanstack/react-table\";\r\nimport { useEffect, useMemo, useRef } from \"react\";\r\nimport type { QueryParamsState } from \"../queryParams\";\r\n\r\n/*\r\n Flexible query options type that accepts both standard TanStack Query options\r\n * and tRPC's queryOptions function return type.\r\n * Uses permissive generics to handle type differences between TanStack Query and tRPC.\r\n /\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype QueryOptionsLike<TData> = UseQueryOptions<TData, any, TData, any>;\r\n\r\n/\r\n Function type that accepts both standard query options functions and tRPC's queryOptions.\r\n * tRPC's queryOptions accepts (input, opts?) while standard functions may only accept (input).\r\n /\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype GetQueryOptionsFn<TInput, TData> = (input: TInput, ...args: any[]) => QueryOptionsLike<TData>;\r\n\r\nconst FETCH_ALL_LIMIT = 99999;\r\n\r\nexport interface QueryWithParamsOptions<TInput, TData> {\r\n getQueryOptions: GetQueryOptionsFn<TInput, TData>;\r\n queryParams?: TInput;\r\n queryState: Pick<QueryParamsState, \"filters\" \| \"sort\" \| \"order\" \| \"page\" \| \"limit\" \| \"q\">;\r\n grouping?: GroupingState;\r\n additionalFilters?: QueryFilters;\r\n enabled?: boolean;\r\n}\r\n\r\n/\r\n Hook to integrate query state with React Query\r\n * Combines queryParams with queryState and manages data fetching\r\n */\r\nexport const useQueryWithParams = <TInput, TData>({\r\n getQueryOptions,\r\n queryParams = {} as TInput,\r\n queryState,\r\n grouping = [],\r\n additionalFilters,\r\n enabled = true,\r\n}: QueryWithParamsOptions<TInput, TData>): UseQueryResult<TData> => {\r\n const { filters, sort, order, page, limit, q } = queryState;\r\n const isGrouped = grouping.length > 0;\r\n\r\n const input = useMemo(() => {\r\n let mergedFilters: QueryFilters \| undefined;\r\n if (additionalFilters?.length) {\r\n const additionalColumnIds = new Set(additionalFilters.map((f) => f.columnId));\r\n const ownFiltersOnly = (filters ?? []).filter((f) => !additionalColumnIds.has(f.columnId));\r\n mergedFilters = [...additionalFilters, ...ownFiltersOnly];\r\n } else {\r\n mergedFilters = filters;\r\n }\r\n\r\n const qTrimmed = q?.trim();\r\n const qPayload = qTrimmed && qTrimmed.length > 0 ? qTrimmed : undefined;\r\n\r\n return {\r\n ...queryParams,\r\n page: isGrouped ? 1 : page,\r\n limit: isGrouped ? FETCH_ALL_LIMIT : limit,\r\n sort,\r\n order: order ?? undefined,\r\n filters: mergedFilters,\r\n ...(qPayload !== undefined ? { q: qPayload } : {}),\r\n };\r\n }, [queryParams, page, limit, sort, order, filters, isGrouped, additionalFilters, q]);\r\n\r\n const prevIsGroupedRef = useRef(isGrouped);\r\n\r\n const groupingTransitioned = prevIsGroupedRef.current !== isGrouped;\r\n\r\n useEffect(() => {\r\n prevIsGroupedRef.current = isGrouped;\r\n }, [isGrouped]);\r\n\r\n const queryOptions = useMemo(\r\n () => ({\r\n ...getQueryOptions(input),\r\n placeholderData: groupingTransitioned\r\n ? undefined\r\n : (previousData: TData \| undefined) => previousData,\r\n enabled,\r\n }),\r\n [getQueryOptions, input, enabled, groupingTransitioned]\r\n );\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n return useQuery(queryOptions as any) as UseQueryResult<TData>;\r\n};\r\n"],"mappings":";;;;AAqBA,MAAM,kBAAkB;;;;;AAexB,MAAa,sBAAqC,EAChD,iBACA,cAAc,EAAE,EAChB,YACA,WAAW,EAAE,EACb,mBACA,UAAU,WACwD;CAClE,MAAM,EAAE,SAAS,MAAM,OAAO,MAAM,OAAO,MAAM;CACjD,MAAM,YAAY,SAAS,SAAS;CAEpC,MAAM,SAAA,GAAA,MAAA,eAAsB;EAC1B,IAAI;AACJ,MAAI,mBAAmB,QAAQ;GAC7B,MAAM,sBAAsB,IAAI,IAAI,kBAAkB,KAAK,MAAM,EAAE,SAAS,CAAC;GAC7E,MAAM,kBAAkB,WAAW,EAAE,EAAE,QAAQ,MAAM,CAAC,oBAAoB,IAAI,EAAE,SAAS,CAAC;AAC1F,mBAAgB,CAAC,GAAG,mBAAmB,GAAG,eAAe;QAEzD,iBAAgB;EAGlB,MAAM,WAAW,GAAG,MAAM;EAC1B,MAAM,WAAW,YAAY,SAAS,SAAS,IAAI,WAAW,KAAA;AAE9D,SAAO;GACL,GAAG;GACH,MAAM,YAAY,IAAI;GACtB,OAAO,YAAY,kBAAkB;GACrC;GACA,OAAO,SAAS,KAAA;GAChB,SAAS;GACT,GAAI,aAAa,KAAA,IAAY,EAAE,GAAG,UAAU,GAAG,EAAE;GAClD;IACA;EAAC;EAAa;EAAM;EAAO;EAAM;EAAO;EAAS;EAAW;EAAmB;EAAE,CAAC;CAErF,MAAM,oBAAA,GAAA,MAAA,QAA0B,UAAU;CAE1C,MAAM,uBAAuB,iBAAiB,YAAY;AAE1D,EAAA,GAAA,MAAA,iBAAgB;AACd,mBAAiB,UAAU;IAC1B,CAAC,UAAU,CAAC;AAcf,SAAA,GAAA,sBAAA,WAAA,GAAA,MAAA,gBAXS;EACL,GAAG,gBAAgB,MAAM;EACzB,iBAAiB,uBACb,KAAA,KACC,iBAAoC;EACzC;EACD,GACD;EAAC;EAAiB;EAAO;EAAS;EAAqB,CACxD,CAGmC"}

package/dist/src/modules/table/hooks/useQueryWithParams.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useQueryWithParams.mjs","names":[],"sources":["../../../../../src/modules/table/hooks/useQueryWithParams.ts"],"sourcesContent":["import type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport { type UseQueryOptions, type UseQueryResult, useQuery } from \"@tanstack/react-query\";\r\nimport type { GroupingState } from \"@tanstack/react-table\";\r\nimport { useEffect, useMemo, useRef } from \"react\";\r\nimport type { ~~NuqsQueryParams~~ } from \"~~./useNuqsQueryParams~~\";\r\n\r\n/*\r\n Flexible query options type that accepts both standard TanStack Query options\r\n * and tRPC's queryOptions function return type.\r\n * Uses permissive generics to handle type differences between TanStack Query and tRPC.\r\n /\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype QueryOptionsLike<TData> = UseQueryOptions<TData, any, TData, any>;\r\n\r\n/\r\n Function type that accepts both standard query options functions and tRPC's queryOptions.\r\n * tRPC's queryOptions accepts (input, opts?) while standard functions may only accept (input).\r\n /\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype GetQueryOptionsFn<TInput, TData> = (input: TInput, ...args: any[]) => QueryOptionsLike<TData>;\r\n\r\nconst FETCH_ALL_LIMIT = 99999;\r\n\r\nexport interface QueryWithParamsOptions<TInput, TData> {\r\n getQueryOptions: GetQueryOptionsFn<TInput, TData>;\r\n queryParams?: TInput;\r\n queryState: Pick<~~NuqsQueryParams~~, \"filters\" \| \"sort\" \| \"order\" \| \"page\" \| \"limit\" \| \"q\">;\r\n grouping?: GroupingState;\r\n additionalFilters?: QueryFilters;\r\n enabled?: boolean;\r\n}\r\n\r\n/\r\n Hook to integrate query state with React Query\r\n * Combines queryParams with queryState and manages data fetching\r\n */\r\nexport const useQueryWithParams = <TInput, TData>({\r\n getQueryOptions,\r\n queryParams = {} as TInput,\r\n queryState,\r\n grouping = [],\r\n additionalFilters,\r\n enabled = true,\r\n}: QueryWithParamsOptions<TInput, TData>): UseQueryResult<TData> => {\r\n const { filters, sort, order, page, limit, q } = queryState;\r\n const isGrouped = grouping.length > 0;\r\n\r\n const input = useMemo(() => {\r\n let mergedFilters: QueryFilters \| undefined;\r\n if (additionalFilters?.length) {\r\n const additionalColumnIds = new Set(additionalFilters.map((f) => f.columnId));\r\n const ownFiltersOnly = (filters ?? []).filter((f) => !additionalColumnIds.has(f.columnId));\r\n mergedFilters = [...additionalFilters, ...ownFiltersOnly];\r\n } else {\r\n mergedFilters = filters;\r\n }\r\n\r\n const qTrimmed = q?.trim();\r\n const qPayload = qTrimmed && qTrimmed.length > 0 ? qTrimmed : undefined;\r\n\r\n return {\r\n ...queryParams,\r\n page: isGrouped ? 1 : page,\r\n limit: isGrouped ? FETCH_ALL_LIMIT : limit,\r\n sort,\r\n order: order ?? undefined,\r\n filters: mergedFilters,\r\n ...(qPayload !== undefined ? { q: qPayload } : {}),\r\n };\r\n }, [queryParams, page, limit, sort, order, filters, isGrouped, additionalFilters, q]);\r\n\r\n const prevIsGroupedRef = useRef(isGrouped);\r\n\r\n const groupingTransitioned = prevIsGroupedRef.current !== isGrouped;\r\n\r\n useEffect(() => {\r\n prevIsGroupedRef.current = isGrouped;\r\n }, [isGrouped]);\r\n\r\n const queryOptions = useMemo(\r\n () => ({\r\n ...getQueryOptions(input),\r\n placeholderData: groupingTransitioned\r\n ? undefined\r\n : (previousData: TData \| undefined) => previousData,\r\n enabled,\r\n }),\r\n [getQueryOptions, input, enabled, groupingTransitioned]\r\n );\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n return useQuery(queryOptions as any) as UseQueryResult<TData>;\r\n};\r\n"],"mappings":";;;AAqBA,MAAM,kBAAkB;;;;;AAexB,MAAa,sBAAqC,EAChD,iBACA,cAAc,EAAE,EAChB,YACA,WAAW,EAAE,EACb,mBACA,UAAU,WACwD;CAClE,MAAM,EAAE,SAAS,MAAM,OAAO,MAAM,OAAO,MAAM;CACjD,MAAM,YAAY,SAAS,SAAS;CAEpC,MAAM,QAAQ,cAAc;EAC1B,IAAI;AACJ,MAAI,mBAAmB,QAAQ;GAC7B,MAAM,sBAAsB,IAAI,IAAI,kBAAkB,KAAK,MAAM,EAAE,SAAS,CAAC;GAC7E,MAAM,kBAAkB,WAAW,EAAE,EAAE,QAAQ,MAAM,CAAC,oBAAoB,IAAI,EAAE,SAAS,CAAC;AAC1F,mBAAgB,CAAC,GAAG,mBAAmB,GAAG,eAAe;QAEzD,iBAAgB;EAGlB,MAAM,WAAW,GAAG,MAAM;EAC1B,MAAM,WAAW,YAAY,SAAS,SAAS,IAAI,WAAW,KAAA;AAE9D,SAAO;GACL,GAAG;GACH,MAAM,YAAY,IAAI;GACtB,OAAO,YAAY,kBAAkB;GACrC;GACA,OAAO,SAAS,KAAA;GAChB,SAAS;GACT,GAAI,aAAa,KAAA,IAAY,EAAE,GAAG,UAAU,GAAG,EAAE;GAClD;IACA;EAAC;EAAa;EAAM;EAAO;EAAM;EAAO;EAAS;EAAW;EAAmB;EAAE,CAAC;CAErF,MAAM,mBAAmB,OAAO,UAAU;CAE1C,MAAM,uBAAuB,iBAAiB,YAAY;AAE1D,iBAAgB;AACd,mBAAiB,UAAU;IAC1B,CAAC,UAAU,CAAC;AAcf,QAAO,SAZc,eACZ;EACL,GAAG,gBAAgB,MAAM;EACzB,iBAAiB,uBACb,KAAA,KACC,iBAAoC;EACzC;EACD,GACD;EAAC;EAAiB;EAAO;EAAS;EAAqB,CACxD,CAGmC"}
1	+ {"version":3,"file":"useQueryWithParams.mjs","names":[],"sources":["../../../../../src/modules/table/hooks/useQueryWithParams.ts"],"sourcesContent":["import type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport { type UseQueryOptions, type UseQueryResult, useQuery } from \"@tanstack/react-query\";\r\nimport type { GroupingState } from \"@tanstack/react-table\";\r\nimport { useEffect, useMemo, useRef } from \"react\";\r\nimport type { QueryParamsState } from \"../queryParams\";\r\n\r\n/*\r\n Flexible query options type that accepts both standard TanStack Query options\r\n * and tRPC's queryOptions function return type.\r\n * Uses permissive generics to handle type differences between TanStack Query and tRPC.\r\n /\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype QueryOptionsLike<TData> = UseQueryOptions<TData, any, TData, any>;\r\n\r\n/\r\n Function type that accepts both standard query options functions and tRPC's queryOptions.\r\n * tRPC's queryOptions accepts (input, opts?) while standard functions may only accept (input).\r\n /\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ntype GetQueryOptionsFn<TInput, TData> = (input: TInput, ...args: any[]) => QueryOptionsLike<TData>;\r\n\r\nconst FETCH_ALL_LIMIT = 99999;\r\n\r\nexport interface QueryWithParamsOptions<TInput, TData> {\r\n getQueryOptions: GetQueryOptionsFn<TInput, TData>;\r\n queryParams?: TInput;\r\n queryState: Pick<QueryParamsState, \"filters\" \| \"sort\" \| \"order\" \| \"page\" \| \"limit\" \| \"q\">;\r\n grouping?: GroupingState;\r\n additionalFilters?: QueryFilters;\r\n enabled?: boolean;\r\n}\r\n\r\n/\r\n Hook to integrate query state with React Query\r\n * Combines queryParams with queryState and manages data fetching\r\n */\r\nexport const useQueryWithParams = <TInput, TData>({\r\n getQueryOptions,\r\n queryParams = {} as TInput,\r\n queryState,\r\n grouping = [],\r\n additionalFilters,\r\n enabled = true,\r\n}: QueryWithParamsOptions<TInput, TData>): UseQueryResult<TData> => {\r\n const { filters, sort, order, page, limit, q } = queryState;\r\n const isGrouped = grouping.length > 0;\r\n\r\n const input = useMemo(() => {\r\n let mergedFilters: QueryFilters \| undefined;\r\n if (additionalFilters?.length) {\r\n const additionalColumnIds = new Set(additionalFilters.map((f) => f.columnId));\r\n const ownFiltersOnly = (filters ?? []).filter((f) => !additionalColumnIds.has(f.columnId));\r\n mergedFilters = [...additionalFilters, ...ownFiltersOnly];\r\n } else {\r\n mergedFilters = filters;\r\n }\r\n\r\n const qTrimmed = q?.trim();\r\n const qPayload = qTrimmed && qTrimmed.length > 0 ? qTrimmed : undefined;\r\n\r\n return {\r\n ...queryParams,\r\n page: isGrouped ? 1 : page,\r\n limit: isGrouped ? FETCH_ALL_LIMIT : limit,\r\n sort,\r\n order: order ?? undefined,\r\n filters: mergedFilters,\r\n ...(qPayload !== undefined ? { q: qPayload } : {}),\r\n };\r\n }, [queryParams, page, limit, sort, order, filters, isGrouped, additionalFilters, q]);\r\n\r\n const prevIsGroupedRef = useRef(isGrouped);\r\n\r\n const groupingTransitioned = prevIsGroupedRef.current !== isGrouped;\r\n\r\n useEffect(() => {\r\n prevIsGroupedRef.current = isGrouped;\r\n }, [isGrouped]);\r\n\r\n const queryOptions = useMemo(\r\n () => ({\r\n ...getQueryOptions(input),\r\n placeholderData: groupingTransitioned\r\n ? undefined\r\n : (previousData: TData \| undefined) => previousData,\r\n enabled,\r\n }),\r\n [getQueryOptions, input, enabled, groupingTransitioned]\r\n );\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n return useQuery(queryOptions as any) as UseQueryResult<TData>;\r\n};\r\n"],"mappings":";;;AAqBA,MAAM,kBAAkB;;;;;AAexB,MAAa,sBAAqC,EAChD,iBACA,cAAc,EAAE,EAChB,YACA,WAAW,EAAE,EACb,mBACA,UAAU,WACwD;CAClE,MAAM,EAAE,SAAS,MAAM,OAAO,MAAM,OAAO,MAAM;CACjD,MAAM,YAAY,SAAS,SAAS;CAEpC,MAAM,QAAQ,cAAc;EAC1B,IAAI;AACJ,MAAI,mBAAmB,QAAQ;GAC7B,MAAM,sBAAsB,IAAI,IAAI,kBAAkB,KAAK,MAAM,EAAE,SAAS,CAAC;GAC7E,MAAM,kBAAkB,WAAW,EAAE,EAAE,QAAQ,MAAM,CAAC,oBAAoB,IAAI,EAAE,SAAS,CAAC;AAC1F,mBAAgB,CAAC,GAAG,mBAAmB,GAAG,eAAe;QAEzD,iBAAgB;EAGlB,MAAM,WAAW,GAAG,MAAM;EAC1B,MAAM,WAAW,YAAY,SAAS,SAAS,IAAI,WAAW,KAAA;AAE9D,SAAO;GACL,GAAG;GACH,MAAM,YAAY,IAAI;GACtB,OAAO,YAAY,kBAAkB;GACrC;GACA,OAAO,SAAS,KAAA;GAChB,SAAS;GACT,GAAI,aAAa,KAAA,IAAY,EAAE,GAAG,UAAU,GAAG,EAAE;GAClD;IACA;EAAC;EAAa;EAAM;EAAO;EAAM;EAAO;EAAS;EAAW;EAAmB;EAAE,CAAC;CAErF,MAAM,mBAAmB,OAAO,UAAU;CAE1C,MAAM,uBAAuB,iBAAiB,YAAY;AAE1D,iBAAgB;AACd,mBAAiB,UAAU;IAC1B,CAAC,UAAU,CAAC;AAcf,QAAO,SAZc,eACZ;EACL,GAAG,gBAAgB,MAAM;EACzB,iBAAiB,uBACb,KAAA,KACC,iBAAoC;EACzC;EACD,GACD;EAAC;EAAiB;EAAO;EAAS;EAAqB,CACxD,CAGmC"}

package/dist/src/modules/table/hooks/useTableQueryParams.d.mts ADDED Viewed

@@ -0,0 +1,7 @@
+import { QueryParamsState } from "../queryParams.mjs";
+//#region src/modules/table/hooks/useTableQueryParams.d.ts
+declare const useTableQueryParams: () => QueryParamsState;
+//#endregion
+export { useTableQueryParams };
+//# sourceMappingURL=useTableQueryParams.d.mts.map

package/dist/src/modules/table/hooks/useTableQueryParams.d.mts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useTableQueryParams.d.mts","names":[],"sources":["../../../../../src/modules/table/hooks/useTableQueryParams.ts"],"mappings":";;;cAKa,mBAAA,QAA0B,gBAAA"}

package/dist/src/modules/table/hooks/useTableQueryParams.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { QueryParamsState } from "../queryParams.js";
+//#region src/modules/table/hooks/useTableQueryParams.d.ts
+declare const useTableQueryParams: () => QueryParamsState;
+//#endregion
+export { useTableQueryParams };
+//# sourceMappingURL=useTableQueryParams.d.ts.map

package/dist/src/modules/table/hooks/useTableQueryParams.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useTableQueryParams.d.ts","names":[],"sources":["../../../../../src/modules/table/hooks/useTableQueryParams.ts"],"mappings":";;;cAKa,mBAAA,QAA0B,gBAAA"}

package/dist/src/modules/table/hooks/useTableQueryParams.js ADDED Viewed

@@ -0,0 +1,95 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+//#region src/modules/table/hooks/useTableQueryParams.ts
+const useTableQueryParams = () => {
+	const [sort, setSort] = (0, react.useState)("");
+	const [order, setOrder] = (0, react.useState)(null);
+	const [page, setPage] = (0, react.useState)(1);
+	const [limit, setLimit] = (0, react.useState)(10);
+	const [qRaw, setQRaw] = (0, react.useState)(null);
+	const [filters, setFiltersRaw] = (0, react.useState)([]);
+	const [granularity, setGranularity] = (0, react.useState)("daily");
+	const [grouping, setGroupingRaw] = (0, react.useState)([]);
+	const setFilters = (0, react.useCallback)((next) => {
+		setFiltersRaw(next);
+	}, []);
+	const setQ = (0, react.useCallback)((value) => {
+		setQRaw(value === "" || value == null ? null : value);
+	}, []);
+	const setGrouping = (0, react.useCallback)((updater) => {
+		setGroupingRaw((current) => typeof updater === "function" ? updater(current) : updater);
+	}, []);
+	const sorting = (0, react.useMemo)(() => {
+		if (!sort) return [];
+		return [{
+			id: sort,
+			desc: (order ?? "asc") === "desc"
+		}];
+	}, [sort, order]);
+	const pagination = (0, react.useMemo)(() => ({
+		pageIndex: page - 1,
+		pageSize: limit
+	}), [page, limit]);
+	const setSorting = (0, react.useCallback)((updater) => {
+		const first = (typeof updater === "function" ? updater(sort ? [{
+			id: sort,
+			desc: (order ?? "asc") === "desc"
+		}] : []) : updater)[0];
+		if (!first || !first.id) {
+			setSort("");
+			setOrder(null);
+			return;
+		}
+		setSort(first.id);
+		setOrder(first.desc ? "desc" : "asc");
+	}, [sort, order]);
+	const setPagination = (0, react.useCallback)((updater) => {
+		setPage((currentPage) => {
+			const currentState = {
+				pageIndex: currentPage - 1,
+				pageSize: limit
+			};
+			const next = typeof updater === "function" ? updater(currentState) : updater;
+			setLimit(next.pageSize ?? 10);
+			return (next.pageIndex ?? 0) + 1;
+		});
+	}, [limit]);
+	return (0, react.useMemo)(() => ({
+		q: qRaw,
+		setQ,
+		filters,
+		setFilters,
+		granularity,
+		setGranularity,
+		sort,
+		order,
+		setSorting,
+		sorting,
+		page,
+		limit,
+		setPagination,
+		pagination,
+		grouping,
+		setGrouping
+	}), [
+		qRaw,
+		setQ,
+		filters,
+		setFilters,
+		granularity,
+		sort,
+		order,
+		setSorting,
+		sorting,
+		page,
+		limit,
+		setPagination,
+		pagination,
+		grouping,
+		setGrouping
+	]);
+};
+//#endregion
+exports.useTableQueryParams = useTableQueryParams;
+//# sourceMappingURL=useTableQueryParams.js.map

package/dist/src/modules/table/hooks/useTableQueryParams.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useTableQueryParams.js","names":[],"sources":["../../../../../src/modules/table/hooks/useTableQueryParams.ts"],"sourcesContent":["import type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport type { GroupingState, PaginationState, SortingState, Updater } from \"@tanstack/react-table\";\r\nimport { useCallback, useMemo, useState } from \"react\";\r\nimport type { Granularity, Order, QueryParamsState } from \"../queryParams\";\r\n\r\nexport const useTableQueryParams = (): QueryParamsState => {\r\n const [sort, setSort] = useState(\"\");\r\n const [order, setOrder] = useState<Order | null>(null);\r\n const [page, setPage] = useState(1);\r\n const [limit, setLimit] = useState(10);\r\n const [qRaw, setQRaw] = useState<string | null>(null);\r\n const [filters, setFiltersRaw] = useState<QueryFilters>([]);\r\n const [granularity, setGranularity] = useState<Granularity>(\"daily\");\r\n const [grouping, setGroupingRaw] = useState<GroupingState>([]);\r\n\r\n const setFilters = useCallback((next: QueryFilters) => {\r\n setFiltersRaw(next);\r\n }, []);\r\n\r\n const setQ = useCallback((value: string | null) => {\r\n setQRaw(value === \"\" || value == null ? null : value);\r\n }, []);\r\n\r\n const setGrouping = useCallback((updater: Updater<GroupingState>) => {\r\n setGroupingRaw((current) => (typeof updater === \"function\" ? updater(current) : updater));\r\n }, []);\r\n\r\n const sorting = useMemo(() => {\r\n if (!sort) {\r\n return [];\r\n }\r\n const effectiveOrder = order ?? \"asc\";\r\n return [{ id: sort, desc: effectiveOrder === \"desc\" }];\r\n }, [sort, order]);\r\n\r\n const pagination = useMemo(() => ({ pageIndex: page - 1, pageSize: limit }), [page, limit]);\r\n\r\n const setSorting = useCallback(\r\n (updater: Updater<SortingState>) => {\r\n const currentSorting: SortingState = sort\r\n ? [{ id: sort, desc: (order ?? \"asc\") === \"desc\" }]\r\n : [];\r\n\r\n const next = typeof updater === \"function\" ? updater(currentSorting) : updater;\r\n const first = next[0];\r\n\r\n if (!first || !first.id) {\r\n setSort(\"\");\r\n setOrder(null);\r\n return;\r\n }\r\n\r\n setSort(first.id);\r\n setOrder(first.desc ? \"desc\" : \"asc\");\r\n },\r\n [sort, order]\r\n );\r\n\r\n const setPagination = useCallback(\r\n (updater: Updater<PaginationState>) => {\r\n setPage((currentPage) => {\r\n const currentState = { pageIndex: currentPage - 1, pageSize: limit };\r\n const next = typeof updater === \"function\" ? updater(currentState) : updater;\r\n setLimit(next.pageSize ?? 10);\r\n return (next.pageIndex ?? 0) + 1;\r\n });\r\n },\r\n [limit]\r\n );\r\n\r\n return useMemo(\r\n () => ({\r\n q: qRaw,\r\n setQ,\r\n filters,\r\n setFilters,\r\n granularity,\r\n setGranularity,\r\n sort,\r\n order,\r\n setSorting,\r\n sorting,\r\n page,\r\n limit,\r\n setPagination,\r\n pagination,\r\n grouping,\r\n setGrouping,\r\n }),\r\n [\r\n qRaw,\r\n setQ,\r\n filters,\r\n setFilters,\r\n granularity,\r\n sort,\r\n order,\r\n setSorting,\r\n sorting,\r\n page,\r\n limit,\r\n setPagination,\r\n pagination,\r\n grouping,\r\n setGrouping,\r\n ]\r\n );\r\n};\r\n"],"mappings":";;;AAKA,MAAa,4BAA8C;CACzD,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAoB,GAAG;CACpC,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAmC,KAAK;CACtD,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAoB,EAAE;CACnC,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,GAAG;CACtC,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAmC,KAAK;CACrD,MAAM,CAAC,SAAS,kBAAA,GAAA,MAAA,UAAwC,EAAE,CAAC;CAC3D,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAAwC,QAAQ;CACpE,MAAM,CAAC,UAAU,mBAAA,GAAA,MAAA,UAA0C,EAAE,CAAC;CAE9D,MAAM,cAAA,GAAA,MAAA,cAA0B,SAAuB;AACrD,gBAAc,KAAK;IAClB,EAAE,CAAC;CAEN,MAAM,QAAA,GAAA,MAAA,cAAoB,UAAyB;AACjD,UAAQ,UAAU,MAAM,SAAS,OAAO,OAAO,MAAM;IACpD,EAAE,CAAC;CAEN,MAAM,eAAA,GAAA,MAAA,cAA2B,YAAoC;AACnE,kBAAgB,YAAa,OAAO,YAAY,aAAa,QAAQ,QAAQ,GAAG,QAAS;IACxF,EAAE,CAAC;CAEN,MAAM,WAAA,GAAA,MAAA,eAAwB;AAC5B,MAAI,CAAC,KACH,QAAO,EAAE;AAGX,SAAO,CAAC;GAAE,IAAI;GAAM,OADG,SAAS,WACa;GAAQ,CAAC;IACrD,CAAC,MAAM,MAAM,CAAC;CAEjB,MAAM,cAAA,GAAA,MAAA,gBAA4B;EAAE,WAAW,OAAO;EAAG,UAAU;EAAO,GAAG,CAAC,MAAM,MAAM,CAAC;CAE3F,MAAM,cAAA,GAAA,MAAA,cACH,YAAmC;EAMlC,MAAM,SADO,OAAO,YAAY,aAAa,QAJR,OACjC,CAAC;GAAE,IAAI;GAAM,OAAO,SAAS,WAAW;GAAQ,CAAC,GACjD,EAAE,CAE8D,GAAG,SACpD;AAEnB,MAAI,CAAC,SAAS,CAAC,MAAM,IAAI;AACvB,WAAQ,GAAG;AACX,YAAS,KAAK;AACd;;AAGF,UAAQ,MAAM,GAAG;AACjB,WAAS,MAAM,OAAO,SAAS,MAAM;IAEvC,CAAC,MAAM,MAAM,CACd;CAED,MAAM,iBAAA,GAAA,MAAA,cACH,YAAsC;AACrC,WAAS,gBAAgB;GACvB,MAAM,eAAe;IAAE,WAAW,cAAc;IAAG,UAAU;IAAO;GACpE,MAAM,OAAO,OAAO,YAAY,aAAa,QAAQ,aAAa,GAAG;AACrE,YAAS,KAAK,YAAY,GAAG;AAC7B,WAAQ,KAAK,aAAa,KAAK;IAC/B;IAEJ,CAAC,MAAM,CACR;AAED,SAAA,GAAA,MAAA,gBACS;EACL,GAAG;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF"}

package/dist/src/modules/table/hooks/useTableQueryParams.mjs ADDED Viewed

@@ -0,0 +1,94 @@
+import { useCallback, useMemo, useState } from "react";
+//#region src/modules/table/hooks/useTableQueryParams.ts
+const useTableQueryParams = () => {
+	const [sort, setSort] = useState("");
+	const [order, setOrder] = useState(null);
+	const [page, setPage] = useState(1);
+	const [limit, setLimit] = useState(10);
+	const [qRaw, setQRaw] = useState(null);
+	const [filters, setFiltersRaw] = useState([]);
+	const [granularity, setGranularity] = useState("daily");
+	const [grouping, setGroupingRaw] = useState([]);
+	const setFilters = useCallback((next) => {
+		setFiltersRaw(next);
+	}, []);
+	const setQ = useCallback((value) => {
+		setQRaw(value === "" || value == null ? null : value);
+	}, []);
+	const setGrouping = useCallback((updater) => {
+		setGroupingRaw((current) => typeof updater === "function" ? updater(current) : updater);
+	}, []);
+	const sorting = useMemo(() => {
+		if (!sort) return [];
+		return [{
+			id: sort,
+			desc: (order ?? "asc") === "desc"
+		}];
+	}, [sort, order]);
+	const pagination = useMemo(() => ({
+		pageIndex: page - 1,
+		pageSize: limit
+	}), [page, limit]);
+	const setSorting = useCallback((updater) => {
+		const first = (typeof updater === "function" ? updater(sort ? [{
+			id: sort,
+			desc: (order ?? "asc") === "desc"
+		}] : []) : updater)[0];
+		if (!first || !first.id) {
+			setSort("");
+			setOrder(null);
+			return;
+		}
+		setSort(first.id);
+		setOrder(first.desc ? "desc" : "asc");
+	}, [sort, order]);
+	const setPagination = useCallback((updater) => {
+		setPage((currentPage) => {
+			const currentState = {
+				pageIndex: currentPage - 1,
+				pageSize: limit
+			};
+			const next = typeof updater === "function" ? updater(currentState) : updater;
+			setLimit(next.pageSize ?? 10);
+			return (next.pageIndex ?? 0) + 1;
+		});
+	}, [limit]);
+	return useMemo(() => ({
+		q: qRaw,
+		setQ,
+		filters,
+		setFilters,
+		granularity,
+		setGranularity,
+		sort,
+		order,
+		setSorting,
+		sorting,
+		page,
+		limit,
+		setPagination,
+		pagination,
+		grouping,
+		setGrouping
+	}), [
+		qRaw,
+		setQ,
+		filters,
+		setFilters,
+		granularity,
+		sort,
+		order,
+		setSorting,
+		sorting,
+		page,
+		limit,
+		setPagination,
+		pagination,
+		grouping,
+		setGrouping
+	]);
+};
+//#endregion
+export { useTableQueryParams };
+//# sourceMappingURL=useTableQueryParams.mjs.map

package/dist/src/modules/table/hooks/useTableQueryParams.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useTableQueryParams.mjs","names":[],"sources":["../../../../../src/modules/table/hooks/useTableQueryParams.ts"],"sourcesContent":["import type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport type { GroupingState, PaginationState, SortingState, Updater } from \"@tanstack/react-table\";\r\nimport { useCallback, useMemo, useState } from \"react\";\r\nimport type { Granularity, Order, QueryParamsState } from \"../queryParams\";\r\n\r\nexport const useTableQueryParams = (): QueryParamsState => {\r\n const [sort, setSort] = useState(\"\");\r\n const [order, setOrder] = useState<Order | null>(null);\r\n const [page, setPage] = useState(1);\r\n const [limit, setLimit] = useState(10);\r\n const [qRaw, setQRaw] = useState<string | null>(null);\r\n const [filters, setFiltersRaw] = useState<QueryFilters>([]);\r\n const [granularity, setGranularity] = useState<Granularity>(\"daily\");\r\n const [grouping, setGroupingRaw] = useState<GroupingState>([]);\r\n\r\n const setFilters = useCallback((next: QueryFilters) => {\r\n setFiltersRaw(next);\r\n }, []);\r\n\r\n const setQ = useCallback((value: string | null) => {\r\n setQRaw(value === \"\" || value == null ? null : value);\r\n }, []);\r\n\r\n const setGrouping = useCallback((updater: Updater<GroupingState>) => {\r\n setGroupingRaw((current) => (typeof updater === \"function\" ? updater(current) : updater));\r\n }, []);\r\n\r\n const sorting = useMemo(() => {\r\n if (!sort) {\r\n return [];\r\n }\r\n const effectiveOrder = order ?? \"asc\";\r\n return [{ id: sort, desc: effectiveOrder === \"desc\" }];\r\n }, [sort, order]);\r\n\r\n const pagination = useMemo(() => ({ pageIndex: page - 1, pageSize: limit }), [page, limit]);\r\n\r\n const setSorting = useCallback(\r\n (updater: Updater<SortingState>) => {\r\n const currentSorting: SortingState = sort\r\n ? [{ id: sort, desc: (order ?? \"asc\") === \"desc\" }]\r\n : [];\r\n\r\n const next = typeof updater === \"function\" ? updater(currentSorting) : updater;\r\n const first = next[0];\r\n\r\n if (!first || !first.id) {\r\n setSort(\"\");\r\n setOrder(null);\r\n return;\r\n }\r\n\r\n setSort(first.id);\r\n setOrder(first.desc ? \"desc\" : \"asc\");\r\n },\r\n [sort, order]\r\n );\r\n\r\n const setPagination = useCallback(\r\n (updater: Updater<PaginationState>) => {\r\n setPage((currentPage) => {\r\n const currentState = { pageIndex: currentPage - 1, pageSize: limit };\r\n const next = typeof updater === \"function\" ? updater(currentState) : updater;\r\n setLimit(next.pageSize ?? 10);\r\n return (next.pageIndex ?? 0) + 1;\r\n });\r\n },\r\n [limit]\r\n );\r\n\r\n return useMemo(\r\n () => ({\r\n q: qRaw,\r\n setQ,\r\n filters,\r\n setFilters,\r\n granularity,\r\n setGranularity,\r\n sort,\r\n order,\r\n setSorting,\r\n sorting,\r\n page,\r\n limit,\r\n setPagination,\r\n pagination,\r\n grouping,\r\n setGrouping,\r\n }),\r\n [\r\n qRaw,\r\n setQ,\r\n filters,\r\n setFilters,\r\n granularity,\r\n sort,\r\n order,\r\n setSorting,\r\n sorting,\r\n page,\r\n limit,\r\n setPagination,\r\n pagination,\r\n grouping,\r\n setGrouping,\r\n ]\r\n );\r\n};\r\n"],"mappings":";;AAKA,MAAa,4BAA8C;CACzD,MAAM,CAAC,MAAM,WAAW,SAAS,GAAG;CACpC,MAAM,CAAC,OAAO,YAAY,SAAuB,KAAK;CACtD,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,OAAO,YAAY,SAAS,GAAG;CACtC,MAAM,CAAC,MAAM,WAAW,SAAwB,KAAK;CACrD,MAAM,CAAC,SAAS,iBAAiB,SAAuB,EAAE,CAAC;CAC3D,MAAM,CAAC,aAAa,kBAAkB,SAAsB,QAAQ;CACpE,MAAM,CAAC,UAAU,kBAAkB,SAAwB,EAAE,CAAC;CAE9D,MAAM,aAAa,aAAa,SAAuB;AACrD,gBAAc,KAAK;IAClB,EAAE,CAAC;CAEN,MAAM,OAAO,aAAa,UAAyB;AACjD,UAAQ,UAAU,MAAM,SAAS,OAAO,OAAO,MAAM;IACpD,EAAE,CAAC;CAEN,MAAM,cAAc,aAAa,YAAoC;AACnE,kBAAgB,YAAa,OAAO,YAAY,aAAa,QAAQ,QAAQ,GAAG,QAAS;IACxF,EAAE,CAAC;CAEN,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,KACH,QAAO,EAAE;AAGX,SAAO,CAAC;GAAE,IAAI;GAAM,OADG,SAAS,WACa;GAAQ,CAAC;IACrD,CAAC,MAAM,MAAM,CAAC;CAEjB,MAAM,aAAa,eAAe;EAAE,WAAW,OAAO;EAAG,UAAU;EAAO,GAAG,CAAC,MAAM,MAAM,CAAC;CAE3F,MAAM,aAAa,aAChB,YAAmC;EAMlC,MAAM,SADO,OAAO,YAAY,aAAa,QAJR,OACjC,CAAC;GAAE,IAAI;GAAM,OAAO,SAAS,WAAW;GAAQ,CAAC,GACjD,EAAE,CAE8D,GAAG,SACpD;AAEnB,MAAI,CAAC,SAAS,CAAC,MAAM,IAAI;AACvB,WAAQ,GAAG;AACX,YAAS,KAAK;AACd;;AAGF,UAAQ,MAAM,GAAG;AACjB,WAAS,MAAM,OAAO,SAAS,MAAM;IAEvC,CAAC,MAAM,MAAM,CACd;CAED,MAAM,gBAAgB,aACnB,YAAsC;AACrC,WAAS,gBAAgB;GACvB,MAAM,eAAe;IAAE,WAAW,cAAc;IAAG,UAAU;IAAO;GACpE,MAAM,OAAO,OAAO,YAAY,aAAa,QAAQ,aAAa,GAAG;AACrE,YAAS,KAAK,YAAY,GAAG;AAC7B,WAAQ,KAAK,aAAa,KAAK;IAC/B;IAEJ,CAAC,MAAM,CACR;AAED,QAAO,eACE;EACL,GAAG;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF"}

package/dist/src/modules/table/queryParams.d.mts ADDED Viewed

@@ -0,0 +1,34 @@
+import { QueryFilter, QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
+import { GroupingState, PaginationState, SortingState, Updater } from "@tanstack/react-table";
+//#region src/modules/table/queryParams.d.ts
+declare function serializeFiltersParam(rows: string[][]): string;
+declare function parseFiltersParam(value: string): string[][] | null;
+/** Builds URL tuple; omits optional tails when unused (endColumnId requires valueTo slot - may be ""). */
+declare function encodeFilterToTuple(filter: QueryFilter): string[];
+declare function decodeTupleToFilter(parts: readonly string[]): QueryFilter | null;
+declare function decodeFilterTuples(rows: readonly string[][]): QueryFilters;
+type Order = "asc" | "desc";
+type Granularity = "daily" | "weekly" | "monthly" | "yearly";
+interface QueryParamsState {
+  /** Global search string; absent when not set. */
+  q: string | null;
+  setQ: (value: string | null) => void;
+  filters?: QueryFilters;
+  setFilters?: (filters: QueryFilters) => void;
+  granularity?: Granularity;
+  setGranularity?: (value: Granularity) => void;
+  sort?: string;
+  order?: Order | null;
+  setSorting?: (updater: Updater<SortingState>) => void;
+  sorting?: SortingState;
+  page?: number;
+  limit?: number;
+  setPagination?: (updater: Updater<PaginationState>) => void;
+  pagination?: PaginationState;
+  grouping: GroupingState;
+  setGrouping: (updater: Updater<GroupingState>) => void;
+}
+//#endregion
+export { Granularity, Order, QueryParamsState, decodeFilterTuples, decodeTupleToFilter, encodeFilterToTuple, parseFiltersParam, serializeFiltersParam };
+//# sourceMappingURL=queryParams.d.mts.map

package/dist/src/modules/table/queryParams.d.mts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"queryParams.d.mts","names":[],"sources":["../../../../src/modules/table/queryParams.ts"],"mappings":";;;;iBAyDgB,qBAAA,CAAsB,IAAA;AAAA,iBAOtB,iBAAA,CAAkB,KAAA;AAPlC;AAAA,iBAoGgB,mBAAA,CAAoB,MAAA,EAAQ,WAAA;AAAA,iBAmB5B,mBAAA,CAAoB,KAAA,sBAA2B,WAAA;AAAA,iBAmC/C,kBAAA,CAAmB,IAAA,wBAA4B,YAAA;AAAA,KAQnD,KAAA;AAAA,KAEA,WAAA;AAAA,UAEK,gBAAA;;EAEf,CAAA;EACA,IAAA,GAAO,KAAA;EACP,OAAA,GAAU,YAAA;EACV,UAAA,IAAc,OAAA,EAAS,YAAA;EACvB,WAAA,GAAc,WAAA;EACd,cAAA,IAAkB,KAAA,EAAO,WAAA;EACzB,IAAA;EACA,KAAA,GAAQ,KAAA;EACR,UAAA,IAAc,OAAA,EAAS,OAAA,CAAQ,YAAA;EAC/B,OAAA,GAAU,YAAA;EACV,IAAA;EACA,KAAA;EACA,aAAA,IAAiB,OAAA,EAAS,OAAA,CAAQ,eAAA;EAClC,UAAA,GAAa,eAAA;EACb,QAAA,EAAU,aAAA;EACV,WAAA,GAAc,OAAA,EAAS,OAAA,CAAQ,aAAA;AAAA"}

package/dist/src/modules/table/queryParams.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import { QueryFilter, QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
+import { GroupingState, PaginationState, SortingState, Updater } from "@tanstack/react-table";
+//#region src/modules/table/queryParams.d.ts
+declare function serializeFiltersParam(rows: string[][]): string;
+declare function parseFiltersParam(value: string): string[][] | null;
+/** Builds URL tuple; omits optional tails when unused (endColumnId requires valueTo slot - may be ""). */
+declare function encodeFilterToTuple(filter: QueryFilter): string[];
+declare function decodeTupleToFilter(parts: readonly string[]): QueryFilter | null;
+declare function decodeFilterTuples(rows: readonly string[][]): QueryFilters;
+type Order = "asc" | "desc";
+type Granularity = "daily" | "weekly" | "monthly" | "yearly";
+interface QueryParamsState {
+  /** Global search string; absent when not set. */
+  q: string | null;
+  setQ: (value: string | null) => void;
+  filters?: QueryFilters;
+  setFilters?: (filters: QueryFilters) => void;
+  granularity?: Granularity;
+  setGranularity?: (value: Granularity) => void;
+  sort?: string;
+  order?: Order | null;
+  setSorting?: (updater: Updater<SortingState>) => void;
+  sorting?: SortingState;
+  page?: number;
+  limit?: number;
+  setPagination?: (updater: Updater<PaginationState>) => void;
+  pagination?: PaginationState;
+  grouping: GroupingState;
+  setGrouping: (updater: Updater<GroupingState>) => void;
+}
+//#endregion
+export { Granularity, Order, QueryParamsState, decodeFilterTuples, decodeTupleToFilter, encodeFilterToTuple, parseFiltersParam, serializeFiltersParam };
+//# sourceMappingURL=queryParams.d.ts.map

package/dist/src/modules/table/queryParams.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"queryParams.d.ts","names":[],"sources":["../../../../src/modules/table/queryParams.ts"],"mappings":";;;;iBAyDgB,qBAAA,CAAsB,IAAA;AAAA,iBAOtB,iBAAA,CAAkB,KAAA;AAPlC;AAAA,iBAoGgB,mBAAA,CAAoB,MAAA,EAAQ,WAAA;AAAA,iBAmB5B,mBAAA,CAAoB,KAAA,sBAA2B,WAAA;AAAA,iBAmC/C,kBAAA,CAAmB,IAAA,wBAA4B,YAAA;AAAA,KAQnD,KAAA;AAAA,KAEA,WAAA;AAAA,UAEK,gBAAA;;EAEf,CAAA;EACA,IAAA,GAAO,KAAA;EACP,OAAA,GAAU,YAAA;EACV,UAAA,IAAc,OAAA,EAAS,YAAA;EACvB,WAAA,GAAc,WAAA;EACd,cAAA,IAAkB,KAAA,EAAO,WAAA;EACzB,IAAA;EACA,KAAA,GAAQ,KAAA;EACR,UAAA,IAAc,OAAA,EAAS,OAAA,CAAQ,YAAA;EAC/B,OAAA,GAAU,YAAA;EACV,IAAA;EACA,KAAA;EACA,aAAA,IAAiB,OAAA,EAAS,OAAA,CAAQ,eAAA;EAClC,UAAA,GAAa,eAAA;EACb,QAAA,EAAU,aAAA;EACV,WAAA,GAAc,OAAA,EAAS,OAAA,CAAQ,aAAA;AAAA"}