Move some modules from src to shlink-web-component

src/utils/helpers/csvjson.ts

@@ -7,7 +7,7 @@ export const csvToJson = <T>(csvContent: string) => new Promise<T[]>((resolve) =
 
 export type CsvToJson = typeof csvToJson;
 
-const jsonParser = new Parser(); // TODO This accepts options if needed
+const jsonParser = new Parser(); // This accepts options if needed
 
 export const jsonToCsv = <T>(data: T[]): string => jsonParser.parse(data);
 

src/utils/helpers/hooks.ts

@@ -1,9 +1,8 @@
 import type { DependencyList, EffectCallback } from 'react';
 import { useEffect, useRef, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { useSwipeable as useReactSwipeable } from 'react-swipeable';
 import { v4 as uuid } from 'uuid';
-import { parseQuery, stringifyQuery } from './query';
+import { parseQuery } from '../../../shlink-web-component/utils/helpers/query';
 
 const DEFAULT_DELAY = 2000;
 
@@ -35,40 +34,6 @@ export const useToggle = (initialValue = false): ToggleResult => {
   return [flag, () => setFlag(!flag), () => setFlag(true), () => setFlag(false)];
 };
 
-export const useSwipeable = (showSidebar: () => void, hideSidebar: () => void) => {
-  const swipeMenuIfNoModalExists = (callback: () => void) => (e: any) => {
-    const swippedOnVisitsTable = (e.event.composedPath() as HTMLElement[]).some(
-      ({ classList }) => classList?.contains('visits-table'),
-    );
-
-    if (swippedOnVisitsTable || document.querySelector('.modal')) {
-      return;
-    }
-
-    callback();
-  };
-
-  return useReactSwipeable({
-    delta: 40,
-    onSwipedLeft: swipeMenuIfNoModalExists(hideSidebar),
-    onSwipedRight: swipeMenuIfNoModalExists(showSidebar),
-  });
-};
-
-export const useQueryState = <T>(paramName: string, initialState: T): [ T, (newValue: T) => void ] => {
-  const [value, setValue] = useState(initialState);
-  const setValueWithLocation = (valueToSet: T) => {
-    const { location, history } = window;
-    const query = parseQuery<any>(location.search);
-
-    query[paramName] = valueToSet;
-    history.pushState(null, '', `${location.pathname}?${stringifyQuery(query)}`);
-    setValue(valueToSet);
-  };
-
-  return [value, setValueWithLocation];
-};
-
 export const useEffectExceptFirstTime = (callback: EffectCallback, deps: DependencyList): void => {
   const isFirstLoad = useRef(true);
 

src/utils/helpers/qrCodes.ts

@@ -1,5 +1,5 @@
 import { isEmpty } from 'ramda';
-import { stringifyQuery } from './query';
+import { stringifyQuery } from '../../../shlink-web-component/utils/helpers/query';
 
 export type QrCodeFormat = 'svg' | 'png';
 

src/utils/helpers/query.ts

@@ -1,5 +0,0 @@
-import qs from 'qs';
-
-export const parseQuery = <T>(search: string) => qs.parse(search, { ignoreQueryPrefix: true }) as unknown as T;
-
-export const stringifyQuery = (query: any): string => qs.stringify(query, { arrayFormat: 'brackets' });