npm-pkg-hook 1.1.4 → 1.1.8

package/src/hooks/useDropzone/index.js

@@ -1,79 +1,94 @@
-export const useDropzone = (
-    onDrop,
-    draggingStyle = { border: 'dashed grey 3px' },
-    dragOverStyle = {
-      border: 'dashed grey 3px'
-    }
-  ) => {
-    const ref = useRef(null)
-    const [cleanup, setCleanup] = useState(false)
-    const [isDragging, setDragging] = useState(false)
-    const [dragOver, setDragOver] = useState(false)
-    const handle = useMemo(dragHandler, [])
-  
-    const eventListeners = {
-      dragenter: e => {return handle.dragEnter(e, () => {
-        if (!dragOver) setDragOver(true)
-      })},
-      dragleave: e => {return handle.dragLeave(e, () => {
-        setDragOver(false)
-      })},
-      dragover: handle.dragBegin,
-      drop: e => {return handle.drop(e, files => {
-        if (typeof onDrop === 'function') onDrop(files, e)
-        setDragOver(false)
-        setDragging(false)
-      })}
-    }
-  
-    const windowListeners = {
-      dragenter: e => {return handle.body.dragEnter(e, () => {
-        if (!isDragging) setDragging(true)
-      })},
-      dragleave: e => {return handle.body.dragLeave(e, () => {
-        // eslint-disable-next-line
-              if (isDragging) setDragging(false)
-      })},
-      dragend: () => {
-        // eslint-disable-next-line
-          },
-      drop: e => {return handle.body.drop(e, () => {
-        setDragging(false)
-        setDragOver(false)
-      })}
-    }
-  
-    useEffect(() => {
-      if (ref.current) {
-        const { current } = ref
-        Object.keys(eventListeners).forEach(key => {return current.addEventListener(key, eventListeners[key])}
-        )
-        Object.keys(windowListeners).forEach(key => {return window.addEventListener(key, windowListeners[key])}
-        )
-        setCleanup(true)
-      }
-  
-      return () => {
-        if (cleanup) {
-          const { current } = ref
-          if (current) {
-            Object.keys(eventListeners).forEach(key => {return current.removeEventListener(key, eventListeners[key])}
-            )
-          }
-          Object.keys(windowListeners).forEach(key => {return window.removeEventListener(key, windowListeners[key])}
-          )
-        }
-      }
-    }, [ref, windowListeners, cleanup, eventListeners, isDragging, dragOver])
-  
-    const dropProps = {
-      ref,
-      style:
-        isDragging || dragOver
-          ? dragOver
-            ? dragOverStyle
-            : draggingStyle
-          : undefined
-    }
-    return { isDragging, dragOver, dropProps }
-  }
+import { useEffect, useMemo, useRef, useState } from 'react'
+
+export const useDropzone = (
+  onDrop,
+  dragHandler = {},
+  draggingStyle = { border: 'dashed grey 3px' },
+  dragOverStyle = {
+    border: 'dashed grey 3px'
+  }
+) => {
+  const ref = useRef(null)
+  const [cleanup, setCleanup] = useState(false)
+  const [isDragging, setDragging] = useState(false)
+  const [dragOver, setDragOver] = useState(false)
+  const handle = useMemo(dragHandler, [])
+
+  const eventListeners = {
+    dragenter: e => {
+      return handle.dragEnter(e, () => {
+        if (!dragOver) setDragOver(true)
+      })
+    },
+    dragleave: e => {
+      return handle.dragLeave(e, () => {
+        setDragOver(false)
+      })
+    },
+    dragover: handle.dragBegin,
+    drop: e => {
+      return handle.drop(e, files => {
+        if (typeof onDrop === 'function') onDrop(files, e)
+        setDragOver(false)
+        setDragging(false)
+      })
+    }
+  }
+
+  const windowListeners = {
+    dragenter: e => {
+      return handle.body.dragEnter(e, () => {
+        if (!isDragging) setDragging(true)
+      })
+    },
+    dragleave: e => {
+      return handle.body.dragLeave(e, () => {
+      // eslint-disable-next-line
+              if (isDragging) setDragging(false)
+      })
+    },
+    dragend: () => {
+      // eslint-disable-next-line
+          },
+    drop: e => {
+      return handle.body.drop(e, () => {
+        setDragging(false)
+        setDragOver(false)
+      })
+    }
+  }
+
+  useEffect(() => {
+    if (ref.current) {
+      const { current } = ref
+      Object.keys(eventListeners).forEach(key => { return current.addEventListener(key, eventListeners[key]) }
+      )
+      Object.keys(windowListeners).forEach(key => { return window.addEventListener(key, windowListeners[key]) }
+      )
+      setCleanup(true)
+    }
+
+    return () => {
+      if (cleanup) {
+        const { current } = ref
+        if (current) {
+          Object.keys(eventListeners).forEach(key => { return current.removeEventListener(key, eventListeners[key]) }
+          )
+        }
+        Object.keys(windowListeners).forEach(key => { return window.removeEventListener(key, windowListeners[key]) }
+        )
+      }
+    }
+  }, [ref, windowListeners, cleanup, eventListeners, isDragging, dragOver])
+
+  const dropProps = {
+    ref,
+    style:
+        isDragging || dragOver
+          ? dragOver
+            ? dragOverStyle
+            : draggingStyle
+          : undefined
+  }
+  return { isDragging, dragOver, dropProps }
+}

package/src/hooks/useDynamicAuth/index.js

@@ -1,13 +1,13 @@
-import { useQuery } from '@apollo/client'
-import { useState } from 'react'
-import { GET_ONE_DYNAMIC_PASS } from './queries'
-
-export const useDynamicAuth = () => {
-  const [dynamicPass, setDynamicPass] = useState({})
-  const { loading, error } = useQuery(GET_ONE_DYNAMIC_PASS, {
-    onCompleted: (res) => {
-      setDynamicPass(res.getAOneDynamicPassword)
-    }
-  })
-  return [dynamicPass, { loading, error }]
-}
+import { useQuery } from '@apollo/client'
+import { useState } from 'react'
+import { GET_ONE_DYNAMIC_PASS } from './queries'
+
+export const useDynamicAuth = () => {
+  const [dynamicPass, setDynamicPass] = useState({})
+  const { loading, error } = useQuery(GET_ONE_DYNAMIC_PASS, {
+    onCompleted: (res) => {
+      setDynamicPass(res.getAOneDynamicPassword)
+    }
+  })
+  return [dynamicPass, { loading, error }]
+}

package/src/hooks/useDynamicAuth/queries.js

@@ -1,24 +1,24 @@
-import { gql } from '@apollo/client'
-
-export const CREATE_ONE_DYNAMIC_PASS = gql`
-mutation registerDynamicPassword($input: IDynamicPassword) {
-  registerDynamicPassword(input: $input) {
-    success
-    message
-  }
-}
-`
-export const GET_ONE_DYNAMIC_PASS = gql`
-query getAOneDynamicPassword {
-  getAOneDynamicPassword {
-    dPassId
-    id
-    idStore
-    keyPassDynamic
-    deviceName
-    dState
-    DatCre
-    DatMod
-  }
-}
-`
+import { gql } from '@apollo/client'
+
+export const CREATE_ONE_DYNAMIC_PASS = gql`
+mutation registerDynamicPassword($input: IDynamicPassword) {
+  registerDynamicPassword(input: $input) {
+    success
+    message
+  }
+}
+`
+export const GET_ONE_DYNAMIC_PASS = gql`
+query getAOneDynamicPassword {
+  getAOneDynamicPassword {
+    dPassId
+    id
+    idStore
+    keyPassDynamic
+    deviceName
+    dState
+    DatCre
+    DatMod
+  }
+}
+`

package/src/hooks/useEmployee/queries.js

@@ -14,4 +14,4 @@ query employees {
     eState
   }
 }
-`
+`

package/src/hooks/useEvent/index.js

@@ -1,33 +1,33 @@
-import { useEffect } from 'react';
-export const on = ({ eventType, callBack }) => {
-    document.addEventListener(eventType, callBack);
-};
-export const off = ({ eventType, callBack }) => {
-    document.removeEventListener(eventType, callBack);
-};
-export const once = ({ eventType, callBack }) => {
-    const handleEventOnce = (event) => {
-        callBack(event);
-        off({ eventType, callBack: handleEventOnce });
-    };
-    on({ eventType, callBack: handleEventOnce });
-};
-export const trigger = ({ eventType, data }) => {
-    const event = new CustomEvent(eventType, { detail: data });
-    document.dispatchEvent(event);
-};
-//This function is used to subscribe components an any event
-export const useEvents = ({ eventType, callBack }) => {
-    useEffect(() => {
-        on({ eventType, callBack: callBack });
-        return () => {
-            off({ eventType, callBack: callBack });
-        };
-    }, [eventType, callBack]);
-};
-// This function create and dispatch event
-export const useTrigerEvent = () => {
-    return {
-        trigger
-    };
-};
+import { useEffect } from 'react'
+export const on = ({ eventType, callBack }) => {
+  document.addEventListener(eventType, callBack)
+}
+export const off = ({ eventType, callBack }) => {
+  document.removeEventListener(eventType, callBack)
+}
+export const once = ({ eventType, callBack }) => {
+  const handleEventOnce = (event) => {
+    callBack(event)
+    off({ eventType, callBack: handleEventOnce })
+  }
+  on({ eventType, callBack: handleEventOnce })
+}
+export const trigger = ({ eventType, data }) => {
+  const event = new CustomEvent(eventType, { detail: data })
+  document.dispatchEvent(event)
+}
+// This function is used to subscribe components an any event
+export const useEvents = ({ eventType, callBack }) => {
+  useEffect(() => {
+    on({ eventType, callBack })
+    return () => {
+      off({ eventType, callBack })
+    }
+  }, [eventType, callBack])
+}
+// This function create and dispatch event
+export const useTrigerEvent = () => {
+  return {
+    trigger
+  }
+}

package/src/hooks/useFavoriteStores/index.js

@@ -0,0 +1,19 @@
+import { useQuery } from '@apollo/client'
+import { GET_ALL_FAV_STORE } from './queries'
+
+export const useFavoriteStores = () => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_ALL_FAV_STORE, {
+    fetchPolicy: 'cache-and-network',
+    onError: () => {
+      console.log('')
+    }
+  })
+
+  const favoriteStores = data?.getFavorite || []
+
+  return [favoriteStores, { loading, error }]
+}

package/src/hooks/useFavoriteStores/queries.js

@@ -0,0 +1,47 @@
+import { gql } from '@apollo/client'
+
+export const GET_ALL_FAV_STORE = gql`
+query getFavorite{
+  getFavorite{
+    fIStoreId
+    fState
+    createAt
+    updateAt
+    idStore
+    
+    getOneStore {
+      idStore
+      cId
+      id
+      Image
+      open
+      cateStore{
+      catStore
+      cName
+      
+    }
+      ctId
+      catStore
+      dId
+      storeName
+      Image
+      city{
+        ctId
+        dId
+        cName
+      }
+      department {
+        dId
+        cId
+        dName
+        
+      }
+      pais {
+        cId
+        cName
+        
+      }
+    }
+  }
+}
+`

package/src/hooks/useFetchJson/index.js

@@ -1,25 +1,25 @@
-/**
- * It fetches a json response, and if the response is not ok, it throws an error with the response and
- * the data
- * @param args - The arguments to pass to fetch.
- */
-export const fetchJson = async (...args) =>  {
-    try {
-      const response = await fetch(...args)
-      // if the server replies, there's always some data in json
-      // if there's a network error, it will throw at the previous line
-      const data = await response.json()
-      if (response.ok) {
-        return data
-      }
-      const error = new Error(response.statusText)
-      error.response = response
-      error.data = data
-      throw error
-    } catch (error) {
-      if (!error.data) {
-        error.data = { message: error.message }
-      }
-      throw error
-    }
-  }
+/**
+ * It fetches a json response, and if the response is not ok, it throws an error with the response and
+ * the data
+ * @param args - The arguments to pass to fetch.
+ */
+export const fetchJson = async (...args) => {
+  try {
+    const response = await fetch(...args)
+    // if the server replies, there's always some data in json
+    // if there's a network error, it will throw at the previous line
+    const data = await response.json()
+    if (response.ok) {
+      return data
+    }
+    const error = new Error(response.statusText)
+    error.response = response
+    error.data = data
+    throw error
+  } catch (error) {
+    if (!error.data) {
+      error.data = { message: error.message }
+    }
+    throw error
+  }
+}