Add new helpers to stringify axios params and fix their types

.changeset/grumpy-llamas-stand.md

@@ -0,0 +1,5 @@
+---
+"@musica-sacra/api": major
+---
+
+Fix type of getList method. Add helpers for stringifying params for axios requests.

.changeset/tangy-brooms-eat.md

@@ -0,0 +1,5 @@
+---
+"@musica-sacra/api": major
+---
+
+Create new plugin musica-sacra/api

packages/api/README.md

@@ -1 +1,8 @@
-# @musica-sacra/api
+# @musica-sacra/api
+
+ReactQuery and Axios based complex system that provides classes and hooks for handling API requests.
+With typescript support. 
+
+## Installation
+
+`npm install @musica-sacra/api`

packages/api/src/helpers/helpers.ts

@@ -0,0 +1,7 @@
+export function stringifyArrayParam(
+    paramValues?: (string | number | boolean)[]
+) {
+    if (!paramValues) return '';
+
+    return paramValues.map(String).join(',');
+}

packages/api/src/hooks/useGetList.ts

@@ -6,10 +6,10 @@
 import { useQuery } from '@tanstack/react-query';
 import { BaseService } from '../service/BaseService';
 
 export function useGetList<T = any>(
     url: string,
     key: string,
-    params?: Record<string, any>
+    params?: Record<string, string>
 ) {
     const { addNotification } = useContext(NotificationsContext);
 

packages/api/src/main.ts

@@ -3,3 +3,5 @@ export { useGetById } from './hooks/useGetById';
 
 export { AbstractService } from './service/AbstractService';
 export { BaseService } from './service/BaseService';
+
+export { stringifyArrayParam } from './helpers/helpers';

packages/api/src/service/BaseService.ts

@@ -1,13 +1,13 @@
 import { AbstractService } from './AbstractService';
 import axios from 'axios';
 
 type WithItems<T, R = Record<string, any>> = { items: T[] } & R;
 
 export class BaseService<
     T = any,
     R = Record<string, any>,
 > extends AbstractService {
-    async getList(url: string, params?: Record<string, any>) {
+    async getList(url: string, params?: Record<string, string>) {
         return await axios.get<WithItems<T, R>>(url, {
             params,
             ...this.getHeaders(),