npm-pkg-hook 1.3.7 → 1.3.8

package/src/hooks/useDropzone/index.js

@@ -1,94 +1,94 @@
-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 }
-}
+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/useEditSubProductOptional/queries.js

@@ -1,10 +1,10 @@
-import { gql } from '@apollo/client'
-
-export const EDIT_EXTRA_SUB_OPTIONAL_PRODUCTS = gql`
-mutation  editExtFoodSubsOptional($opSubExPid: ID, $state: Int, $isCustomSubOpExPid: Boolean, $OptionalSubProName: String){
-  editExtFoodSubsOptional(opSubExPid: $opSubExPid, state: $state, isCustomSubOpExPid: $isCustomSubOpExPid, OptionalSubProName: $OptionalSubProName){
-    success,
-    message
-  }
-}
-`
+import { gql } from '@apollo/client'
+
+export const EDIT_EXTRA_SUB_OPTIONAL_PRODUCTS = gql`
+mutation  editExtFoodSubsOptional($opSubExPid: ID, $state: Int, $isCustomSubOpExPid: Boolean, $OptionalSubProName: String){
+  editExtFoodSubsOptional(opSubExPid: $opSubExPid, state: $state, isCustomSubOpExPid: $isCustomSubOpExPid, OptionalSubProName: $OptionalSubProName){
+    success,
+    message
+  }
+}
+`

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 })
-    return () => {
-      off({ eventType, 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

@@ -1,19 +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 }]
-}
+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

@@ -1,47 +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
-        
-      }
-    }
-  }
-}
-`
+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
+  }
+}