npm-pkg-hook 1.1.5 → 1.1.8

package/src/hooks/useCheckbox/index.js

@@ -1,115 +1,115 @@
-import { useCallback, useState } from 'react'
-
-/**
- * Hook for managing multiple checkbox states
- *
- * @param {Array<String | Number>} elem - list of all elem
- * @param {Array<String | Number>} selectedIds - list of selected elem (optional)
- *
- * @returns {Object}
- *  - checkboxStates (state object),
- *  - numSelectedItems (number),
- *  - handleChangeCheck (callback),
- *  - toggleAll (callback),
- *  - selectAll (callback),
- *  - clearAll (callback)
- */
-
-export const useCheckboxState = (elem, selectedIds = [], disabledIds = []) => {
-  const numTotalItems = elem?.length
-  const [checkedItems, setCheckedItems] = useState(new Set(selectedIds))
-  const [disabledItems, setDisabledItems] = useState(new Set(disabledIds))
-
-  const handleChangeCheck = useCallback((event, id) => {
-    const target = event.target
-    setCheckedItems(prevState => {
-      const newState = new Set(prevState)
-      if (target.checked) {
-        newState.add(id)
-      } else {
-        newState.delete(id)
-      }
-      return newState
-    })
-  }, [])
-
-  const setAll = useCallback(
-    isChecked => {
-      setCheckedItems(prevState => {
-        const newState = new Set(prevState)
-        for (const id of elem) {
-          if (disabledItems.has(id)) {
-            continue
-          }
-          if (isChecked) {
-            newState.add(id)
-          } else {
-            newState.delete(id)
-          }
-        }
-        return newState
-      })
-    },
-    [elem, disabledItems]
-  )
-
-  const selectAll = useCallback(() => {
-    if (checkedItems.size === numTotalItems) {
-      return
-    }
-    setAll(true)
-  }, [checkedItems, numTotalItems, setAll])
-
-  const clearAll = useCallback(() => {
-    if (checkedItems.size === 0) {
-      return
-    }
-    setAll(false)
-  }, [checkedItems, setAll])
-
-  const toggleAll = useCallback(() => {
-    const numDisabledAndChecked = [...disabledItems].reduce((count, id) => {
-      if (checkedItems.has(id)) {
-        return count + 1
-      }
-      return count
-    }, 0)
-    if (checkedItems.size - numDisabledAndChecked === 0) {
-      selectAll()
-    } else {
-      clearAll()
-    }
-  }, [checkedItems, disabledItems, selectAll, clearAll])
-
-  const enableCheckboxes = useCallback((...elem) => {
-    setDisabledItems(prevState => {
-      const newState = new Set(prevState)
-      for (const id of elem) {
-        newState.delete(id)
-      }
-      return newState
-    })
-  }, [])
-
-  const disableCheckboxes = useCallback((...elem) => {
-    setDisabledItems(prevState => {
-      const newState = new Set(prevState)
-      for (const id of elem) {
-        newState.add(id)
-      }
-      return newState
-    })
-  }, [])
-
-  return {
-    checkedItems,
-    disabledItems,
-    handleChangeCheck,
-    toggleAll,
-    selectAll,
-    clearAll,
-    setCheckedItems,
-    enableCheckboxes,
-    disableCheckboxes
-  }
-}
+import { useCallback, useState } from 'react'
+
+/**
+ * Hook for managing multiple checkbox states
+ *
+ * @param {Array<String | Number>} elem - list of all elem
+ * @param {Array<String | Number>} selectedIds - list of selected elem (optional)
+ *
+ * @returns {Object}
+ *  - checkboxStates (state object),
+ *  - numSelectedItems (number),
+ *  - handleChangeCheck (callback),
+ *  - toggleAll (callback),
+ *  - selectAll (callback),
+ *  - clearAll (callback)
+ */
+
+export const useCheckboxState = (elem, selectedIds = [], disabledIds = []) => {
+  const numTotalItems = elem?.length
+  const [checkedItems, setCheckedItems] = useState(new Set(selectedIds))
+  const [disabledItems, setDisabledItems] = useState(new Set(disabledIds))
+
+  const handleChangeCheck = useCallback((event, id) => {
+    const target = event.target
+    setCheckedItems(prevState => {
+      const newState = new Set(prevState)
+      if (target.checked) {
+        newState.add(id)
+      } else {
+        newState.delete(id)
+      }
+      return newState
+    })
+  }, [])
+
+  const setAll = useCallback(
+    isChecked => {
+      setCheckedItems(prevState => {
+        const newState = new Set(prevState)
+        for (const id of elem) {
+          if (disabledItems.has(id)) {
+            continue
+          }
+          if (isChecked) {
+            newState.add(id)
+          } else {
+            newState.delete(id)
+          }
+        }
+        return newState
+      })
+    },
+    [elem, disabledItems]
+  )
+
+  const selectAll = useCallback(() => {
+    if (checkedItems.size === numTotalItems) {
+      return
+    }
+    setAll(true)
+  }, [checkedItems, numTotalItems, setAll])
+
+  const clearAll = useCallback(() => {
+    if (checkedItems.size === 0) {
+      return
+    }
+    setAll(false)
+  }, [checkedItems, setAll])
+
+  const toggleAll = useCallback(() => {
+    const numDisabledAndChecked = [...disabledItems].reduce((count, id) => {
+      if (checkedItems.has(id)) {
+        return count + 1
+      }
+      return count
+    }, 0)
+    if (checkedItems.size - numDisabledAndChecked === 0) {
+      selectAll()
+    } else {
+      clearAll()
+    }
+  }, [checkedItems, disabledItems, selectAll, clearAll])
+
+  const enableCheckboxes = useCallback((...elem) => {
+    setDisabledItems(prevState => {
+      const newState = new Set(prevState)
+      for (const id of elem) {
+        newState.delete(id)
+      }
+      return newState
+    })
+  }, [])
+
+  const disableCheckboxes = useCallback((...elem) => {
+    setDisabledItems(prevState => {
+      const newState = new Set(prevState)
+      for (const id of elem) {
+        newState.add(id)
+      }
+      return newState
+    })
+  }, [])
+
+  return {
+    checkedItems,
+    disabledItems,
+    handleChangeCheck,
+    toggleAll,
+    selectAll,
+    clearAll,
+    setCheckedItems,
+    enableCheckboxes,
+    disableCheckboxes
+  }
+}

package/src/hooks/useClients/index.js

@@ -1,5 +1,4 @@
 import { useQuery, useMutation, useLazyQuery } from '@apollo/client'
-import { useState } from 'react'
 import {
   CREATE_CLIENTS,
   DELETE_ONE_CLIENTS,
@@ -11,22 +10,22 @@ import {
 export const useGetClients = ({
   max,
   search,
-  sendNotification = () => { return }
+  sendNotification = () => { }
 } = {}) => {
-    const { loading, error, called, data } = useQuery(GET_ALL_CLIENTS, {
-      variables: {
-        search: search
-      }
+  const { loading, error, called, data } = useQuery(GET_ALL_CLIENTS, {
+    variables: {
+      search
+    }
   })
   return [data?.getAllClients || [], { loading: called ? false : loading, error }]
 }
 
-export const useDeleteClients = ({ sendNotification = () => { return } } = {}) => {
-  const [deleteClient, {  loading, error }] = useMutation(DELETE_ONE_CLIENTS)
+export const useDeleteClients = ({ sendNotification = () => { } } = {}) => {
+  const [deleteClient, { loading, error }] = useMutation(DELETE_ONE_CLIENTS)
   return [deleteClient, { loading, error }]
 }
 
-export const useCreateClient = ({ sendNotification = () => { return } } = {}) => {
+export const useCreateClient = ({ sendNotification = () => { } } = {}) => {
   const [createClients, { loading, error }] = useMutation(CREATE_CLIENTS, {
     onError: (data) => {
       // sendNotification({
@@ -40,13 +39,12 @@ export const useCreateClient = ({ sendNotification = () => { return } } = {}) =>
   return [createClients || [], { loading, error }]
 }
 
-export const useEditClient = ({ sendNotification = () => { return } } = {}) => {
+export const useEditClient = ({ sendNotification = () => { } } = {}) => {
   const [editOneClient, { loading, error, data }] = useMutation(EDIT_ONE_CLIENT, {
     onCompleted: (data) => {
-      console.log(data)
       if (data?.editOneClient?.success) {
         return sendNotification({
-          title:  'Exito',
+          title: 'Exito',
           description: data?.editOneClient?.message,
           backgroundColor: 'success'
         })
@@ -55,7 +53,7 @@ export const useEditClient = ({ sendNotification = () => { return } } = {}) => {
     onError: (data) => {
       if (data?.editOneClient) {
         return sendNotification({
-          title:  'Error',
+          title: 'Error',
           description: data?.editOneClient?.message,
           backgroundColor: 'error'
         })
@@ -66,7 +64,7 @@ export const useEditClient = ({ sendNotification = () => { return } } = {}) => {
   return [editOneClient, { loading, error, data }]
 }
 
-export const useGetOneClient = ({ sendNotification = () => { return } } = {}) => {
+export const useGetOneClient = ({ sendNotification = () => { } } = {}) => {
   const [getOneClients, { data, loading, error }] = useLazyQuery(GET_ONE_CLIENT)
 
   return [getOneClients || [], { loading, error, data }]

package/src/hooks/useClients/queries.js

@@ -124,4 +124,4 @@ mutation  registerSalesStore($input: [IShoppingCard], $id: ID, $idStore: ID, $pC
     }
   }
 }
-`
+`

package/src/hooks/useConnection/index.js

@@ -1,23 +1,22 @@
 export const useConnection = ({ setConnectionStatus }) => {
-    async function updateConnectionStatus() {
-      if (navigator.onLine) {
-        setConnectionStatus(navigator.onLine);
-      } else {
-        setConnectionStatus(navigator.onLine);
-      }
+  async function updateConnectionStatus () {
+    if (navigator.onLine) {
+      setConnectionStatus(navigator.onLine)
+    } else {
+      setConnectionStatus(navigator.onLine)
     }
-  
-    // Attaching event handler for the load event
-    //   window.addEventListener('load', updateConnectionStatus);
-  
-    // Attaching event handler for the online event
-    window.addEventListener('online', function(e) {
-      updateConnectionStatus();
-    });
-  
-    // Attaching event handler for the offline event
-    window.addEventListener('offline', function(e) {
-      updateConnectionStatus();
-    });
-  };
-  
+  }
+
+  // Attaching event handler for the load event
+  //   window.addEventListener('load', updateConnectionStatus);
+
+  // Attaching event handler for the online event
+  window.addEventListener('online', function (e) {
+    updateConnectionStatus()
+  })
+
+  // Attaching event handler for the offline event
+  window.addEventListener('offline', function (e) {
+    updateConnectionStatus()
+  })
+}

package/src/hooks/useCreateProduct/helpers/useEditImageProduct/index.js

@@ -1,8 +1,11 @@
+/* eslint-disable no-unused-vars */
 import { useRef, useState } from 'react'
 
 export const useEditImageProduct = ({ sendNotification = () => { }, initialState }) => {
   const [openEditImage, setopenEditImage] = useState(false)
+  // eslint-disable-next-line no-unused-vars
   const [tags, setTags] = useState([])
+  const [{ src, alt }, setPreviewImg] = useState([])
   const [errors, setErrors] = useState({})
   const handleOpenEditImage = () => {
     setopenEditImage(!openEditImage)
@@ -83,7 +86,8 @@ export const useEditImageProduct = ({ sendNotification = () => { }, initialState
         sendNotification({
           backgroundColor: 'success',
           title: 'Exito',
-          description: 'Imagen editada' })
+          description: 'Imagen editada'
+        })
         setExistImage(true)
         handleOpenEditImage()
       })
@@ -91,7 +95,7 @@ export const useEditImageProduct = ({ sendNotification = () => { }, initialState
         sendNotification({
           backgroundColor: 'error',
           title: 'Error',
-          description: 'Ha ocurrido un error!' 
+          description: 'Ha ocurrido un error!'
         })
       })
     // You can use the file object to send it to a server or to download it

package/src/hooks/useCreateProduct/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 import { useMutation } from '@apollo/client'
 import { useRef, useState } from 'react'
 import { convertBase64, RandomCode } from '../../utils'
@@ -46,12 +47,12 @@ export const useCreateProduct = ({
   // HANDLESS
   const [check, setCheck] = useState({
     availability: true,
-    noAvailability: false,
+    noAvailability: false
   })
 
   const handleCheck = (e) => {
     const { name, checked } = e.target
-    return setCheck((prev) =>({ ...prev, [name]: checked }))
+    return setCheck((prev) => ({ ...prev, [name]: checked }))
   }
 
   const handleUpdateBanner = event => {
@@ -59,9 +60,9 @@ export const useCreateProduct = ({
     setPreviewImg(
       files.length
         ? {
-          src: URL.createObjectURL(files[0]),
-          alt: files[0].name
-        }
+            src: URL.createObjectURL(files[0]),
+            alt: files[0].name
+          }
         : initialState
     )
   }
@@ -94,7 +95,7 @@ export const useCreateProduct = ({
     handleCheck(e)
     setValues({
       ...values,
-      ValueDelivery: '',
+      ValueDelivery: ''
     })
   }
 
@@ -116,17 +117,18 @@ export const useCreateProduct = ({
     setPreviewImg(
       files.length
         ? {
-          src: URL.createObjectURL(files[0]),
-          alt: files[0].name
-        }
+            src: URL.createObjectURL(files[0]),
+            alt: files[0].name
+          }
         : initialState
-        )
+    )
   }
   const onTargetClick = () => {
     fileInputRef.current.click()
   }
+  // eslint-disable-next-line no-unused-vars
   const { img } = useEditImageProduct({ sendNotification, initialState })
-  console.log(values)
+
   const handleRegister = async () => {
     const {
       ProPrice,
@@ -202,11 +204,13 @@ export const useCreateProduct = ({
         }
         handleRegisterTags(objTag)
         // setValues({})
-      }).catch(err => { return sendNotification({
-        backgroundColor: 'error',
-        title: `${err}`,
-        description: 'Error inesperado'
-      }) })
+      }).catch(err => {
+        return sendNotification({
+          backgroundColor: 'error',
+          title: `${err}`,
+          description: 'Error inesperado'
+        })
+      })
       if (image !== null) {
         setImageProducts({
           variables: {
@@ -216,10 +220,10 @@ export const useCreateProduct = ({
             }
           }
         }).then((response) => {
-        }).catch((error) => {
+        }).catch(() => {
           sendNotification({
             backgroundColor: 'error',
-            title: `Ocurrió un error en la imagen en el producto ${names}`, 
+            title: `Ocurrió un error en la imagen en el producto ${names}`,
             description: 'error'
           })
         })
@@ -256,7 +260,6 @@ export const useCreateProduct = ({
     pId,
     dataTags: data,
     tags,
-    tags,
     active,
     idStore: dataStore?.getStore?.idStore || '',
     arrTags,

package/src/hooks/useDeleteSubProductOptional/index.js

@@ -1,30 +1,31 @@
-import { useMutation } from '@apollo/client'
-import { DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS } from './queries'
-import { updateCacheMod } from '../../utils'
-import { GET_EXTRAS_PRODUCT_FOOD_OPTIONAL } from '../useRemoveExtraProductFoodsOptional/queries'
-
-export const useDeleteSubProductOptional = ({ setAlertBox = () => { return } } = {}) => {
-    const [DeleteExtFoodSubsOptional, {
-        loading,
-        error,
-        called
-    }] = useMutation(DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS)
-
-    const handleRemoveSubProductOptional = ({ state, opSubExPid }) => {
-        console.log(state, opSubExPid )
-        DeleteExtFoodSubsOptional({
-            variables: {
-                state: state,
-                opSubExPid: opSubExPid
-            }, update: (cache, { data: { ExtProductFoodsOptionalAll } }) => {
-                return updateCacheMod({
-                    cache,
-                    query: GET_EXTRAS_PRODUCT_FOOD_OPTIONAL,
-                    nameFun: 'ExtProductFoodsOptionalAll',
-                    dataNew: ExtProductFoodsOptionalAll
-                })
-            }
-        }).then(res => { return setAlertBox({ message: res?.message?.DeleteExtFoodSubsOptional?.message }) })
-    }
-    return [DeleteExtFoodSubsOptional, handleRemoveSubProductOptional, { loading, error, called }]
-}
+import { useMutation } from '@apollo/client'
+import { DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS } from './queries'
+import { updateCacheMod } from '../../utils'
+import { GET_EXTRAS_PRODUCT_FOOD_OPTIONAL } from '../useRemoveExtraProductFoodsOptional/queries'
+
+export const useDeleteSubProductOptional = ({ setAlertBox = () => { } } = {}) => {
+  const [DeleteExtFoodSubsOptional, {
+    loading,
+    error,
+    called
+  }] = useMutation(DELETE_CAT_EXTRA_SUB_OPTIONAL_PRODUCTS)
+
+  const handleRemoveSubProductOptional = ({ state, opSubExPid }) => {
+    console.log(state, opSubExPid)
+    DeleteExtFoodSubsOptional({
+      variables: {
+        state,
+        opSubExPid
+      },
+      update: (cache, { data: { ExtProductFoodsOptionalAll } }) => {
+        return updateCacheMod({
+          cache,
+          query: GET_EXTRAS_PRODUCT_FOOD_OPTIONAL,
+          nameFun: 'ExtProductFoodsOptionalAll',
+          dataNew: ExtProductFoodsOptionalAll
+        })
+      }
+    }).then(res => { return setAlertBox({ message: res?.message?.DeleteExtFoodSubsOptional?.message }) })
+  }
+  return [DeleteExtFoodSubsOptional, handleRemoveSubProductOptional, { loading, error, called }]
+}

package/src/hooks/useDeleteSubProductOptional/queries.js

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