@campxdev/shared 1.10.37 → 1.10.38

package/src/hooks/useFetch.ts

@@ -1,53 +1,53 @@
-import { useEffect, useState } from 'react'
-import axios from '../config/axios'
-
-export function useMockFetch(promiseFn: Function) {
-  const [data, setData] = useState<any>()
-  const [error, setError] = useState<any>(null)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    setLoading(true)
-    promiseFn()
-      .then((res) => {
-        setData(res.data)
-        setLoading(false)
-      })
-      .catch((err) => {
-        setLoading(false)
-        setError(null)
-      })
-  }, [])
-
-  return {
-    data,
-    loading,
-  }
-}
-
-export default function useFetch(url: string, skip?: boolean) {
-  const [data, setData] = useState<any>()
-  const [error, setError] = useState<any>(null)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    if (skip) return
-    setLoading(true)
-    axios
-      .get(url)
-      .then((res) => {
-        setData(res.data)
-        setLoading(false)
-      })
-      .catch((err) => {
-        setError(err)
-        setLoading(false)
-      })
-  }, [])
-
-  return {
-    data,
-    loading,
-    error,
-  }
-}
+import { useEffect, useState } from 'react'
+import axios from '../config/axios'
+
+export function useMockFetch(promiseFn: Function) {
+  const [data, setData] = useState<any>()
+  const [error, setError] = useState<any>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    setLoading(true)
+    promiseFn()
+      .then((res) => {
+        setData(res.data)
+        setLoading(false)
+      })
+      .catch((err) => {
+        setLoading(false)
+        setError(null)
+      })
+  }, [])
+
+  return {
+    data,
+    loading,
+  }
+}
+
+export default function useFetch(url: string, skip?: boolean) {
+  const [data, setData] = useState<any>()
+  const [error, setError] = useState<any>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    if (skip) return
+    setLoading(true)
+    axios
+      .get(url)
+      .then((res) => {
+        setData(res.data)
+        setLoading(false)
+      })
+      .catch((err) => {
+        setError(err)
+        setLoading(false)
+      })
+  }, [])
+
+  return {
+    data,
+    loading,
+    error,
+  }
+}

package/src/hooks/useFilters.ts

@@ -1,83 +1,83 @@
-import React, { useEffect, useState } from 'react'
-
-export default function useFilters(initialState, key?: any) {
-  const [filters, setFilters] = useState(initialState)
-  const [filtersApplied, setFiltersApplied] = useState(false)
-
-  useEffect(() => {
-    const prevFilters = getSessionFilters()
-    setFilters({
-      ...filters,
-      ...prevFilters,
-    })
-  }, [])
-
-  function onFilterChange(modified) {
-    setFilters((prev) => ({
-      ...prev,
-      ...modified,
-    }))
-
-    const filterData = {
-      ...filters,
-      ...modified,
-    }
-
-    const sessionData = Object.keys(filterData).map((item, key) => {
-      if (filtersCheck(item, filterData)) {
-        return { key: item, value: filterData[item] }
-      }
-    })
-
-    const filteredSessionArray = sessionData.filter(
-      (value) => value !== undefined,
-    )
-
-    if (filteredSessionArray?.length > 0) {
-      sessionStorage.setItem(key, JSON.stringify(filteredSessionArray))
-      setFiltersApplied(true)
-    } else {
-      sessionStorage.removeItem(key)
-      setFiltersApplied(false)
-    }
-  }
-
-  function filtersCheck(item: any, filterData: any) {
-    switch (true) {
-      case !!filterData[item] &&
-        item !== 'limit' &&
-        item !== 'offset' &&
-        item !== 'page':
-        return true
-      default:
-        return false
-    }
-  }
-
-  function clearFilters() {
-    setFilters(initialState)
-    setFiltersApplied(false)
-    sessionStorage.removeItem(key)
-  }
-
-  const getSessionFilters = () => {
-    try {
-      if (sessionStorage.getItem(key)) {
-        setFiltersApplied(true)
-        const parsed = JSON.parse(sessionStorage.getItem(key))
-        const filters = parsed?.reduce(
-          (acc, curr) => ({ ...acc, [curr.key]: curr.value }),
-          {},
-        )
-        return filters
-      }
-    } catch (error) {}
-  }
-
-  return {
-    filters,
-    onFilterChange,
-    clearFilters,
-    filtersApplied,
-  }
-}
+import React, { useEffect, useState } from 'react'
+
+export default function useFilters(initialState, key?: any) {
+  const [filters, setFilters] = useState(initialState)
+  const [filtersApplied, setFiltersApplied] = useState(false)
+
+  useEffect(() => {
+    const prevFilters = getSessionFilters()
+    setFilters({
+      ...filters,
+      ...prevFilters,
+    })
+  }, [])
+
+  function onFilterChange(modified) {
+    setFilters((prev) => ({
+      ...prev,
+      ...modified,
+    }))
+
+    const filterData = {
+      ...filters,
+      ...modified,
+    }
+
+    const sessionData = Object.keys(filterData).map((item, key) => {
+      if (filtersCheck(item, filterData)) {
+        return { key: item, value: filterData[item] }
+      }
+    })
+
+    const filteredSessionArray = sessionData.filter(
+      (value) => value !== undefined,
+    )
+
+    if (filteredSessionArray?.length > 0) {
+      sessionStorage.setItem(key, JSON.stringify(filteredSessionArray))
+      setFiltersApplied(true)
+    } else {
+      sessionStorage.removeItem(key)
+      setFiltersApplied(false)
+    }
+  }
+
+  function filtersCheck(item: any, filterData: any) {
+    switch (true) {
+      case !!filterData[item] &&
+        item !== 'limit' &&
+        item !== 'offset' &&
+        item !== 'page':
+        return true
+      default:
+        return false
+    }
+  }
+
+  function clearFilters() {
+    setFilters(initialState)
+    setFiltersApplied(false)
+    sessionStorage.removeItem(key)
+  }
+
+  const getSessionFilters = () => {
+    try {
+      if (sessionStorage.getItem(key)) {
+        setFiltersApplied(true)
+        const parsed = JSON.parse(sessionStorage.getItem(key))
+        const filters = parsed?.reduce(
+          (acc, curr) => ({ ...acc, [curr.key]: curr.value }),
+          {},
+        )
+        return filters
+      }
+    } catch (error) {}
+  }
+
+  return {
+    filters,
+    onFilterChange,
+    clearFilters,
+    filtersApplied,
+  }
+}

package/src/hooks/useRouter.ts

@@ -1,31 +1,31 @@
-import { useLocation, useMatch, useNavigate, useParams } from 'react-router-dom'
-
-const useHistory = () => {
-  const navigate = useNavigate()
-  const { pathname, search } = useLocation()
-
-  return {
-    push: navigate,
-    location: {
-      pathname: pathname,
-      search: search,
-    },
-  }
-}
-const useRouteMatch = (path?) => {
-  const { pathname } = useLocation()
-  const params = useParams()
-  const match = useMatch({ path, end: false })
-  // console.log({
-  //   match,
-  //   params,
-  //   pathname,
-  // })
-  return {
-    params: params,
-    path: match?.pattern?.path,
-    url: pathname,
-  }
-}
-
-export { useHistory, useRouteMatch }
+import { useLocation, useMatch, useNavigate, useParams } from 'react-router-dom'
+
+const useHistory = () => {
+  const navigate = useNavigate()
+  const { pathname, search } = useLocation()
+
+  return {
+    push: navigate,
+    location: {
+      pathname: pathname,
+      search: search,
+    },
+  }
+}
+const useRouteMatch = (path?) => {
+  const { pathname } = useLocation()
+  const params = useParams()
+  const match = useMatch({ path, end: false })
+  // console.log({
+  //   match,
+  //   params,
+  //   pathname,
+  // })
+  return {
+    params: params,
+    path: match?.pattern?.path,
+    url: pathname,
+  }
+}
+
+export { useHistory, useRouteMatch }