npm-pkg-hook 1.3.7 → 1.3.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 = [], setArray = () => { return }) => {
-  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 = [], setArray = () => { return }) => {
+  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/useCreateProduct/helpers/manageCacheDataCatProduct/index.js

@@ -0,0 +1,52 @@
+/**
+ * Updates category and products data with a new product.
+ * @param {object} dataOld - The old data containing category and product information.
+ * @param {string} carProId - The ID of the product to update.
+ * @returns {object} Updated data with the new product added, or the original data if the product was not found.
+ */
+export function getCatProductsWithProduct (dataOld = {}, carProId = '') {
+  try {
+    if (!carProId || !dataOld) return dataOld
+    // Make a copy of the old data to avoid modifying the original object directly
+    const copyDataOld = { ...dataOld }
+
+    // Get the category and products data from the old data or use an empty array if it's undefined
+    const catProductsWithProduct = copyDataOld?.catProductsWithProduct || []
+
+    // Find the index of the product to update
+    const indexToUpdate = catProductsWithProduct?.findIndex(product => product?.carProId === carProId)
+
+    if (indexToUpdate !== -1) {
+      // Create a new product
+      const newProduct = {
+        __typename: 'ProductFood',
+        carProId
+      }
+
+      // Update the productFoodsAll for the specified product
+      const newData = catProductsWithProduct?.map((catProduct) => {
+        if (catProduct?.carProId === carProId) {
+          const newProductFoodsAll = [...catProduct?.productFoodsAll, newProduct]
+          return {
+            ...catProduct,
+            productFoodsAll: newProductFoodsAll
+          }
+        }
+        return { ...catProduct }
+      })
+
+      // Return the updated data
+      return {
+        catProductsWithProduct: newData,
+        totalCount: copyDataOld.totalCount
+      }
+    }
+
+    // Return the original data if the product was not found
+    return copyDataOld
+  } catch (error) {
+    console.error('An error occurred while updating catProductsWithProduct:', error)
+    // Return the original data in case of an error
+    return dataOld
+  }
+}

package/src/hooks/useCreateProduct/index.js

@@ -11,6 +11,7 @@ import {
 import { useStore } from '../useStore'
 import { useTagsProducts } from './../useProductsFood/usetagsProducts'
 import { useEditImageProduct } from './helpers/useEditImageProduct'
+import { getCatProductsWithProduct } from './helpers/manageCacheDataCatProduct'
 
 export const useCreateProduct = ({
   setAlertBox = () => { },
@@ -174,6 +175,10 @@ export const useCreateProduct = ({
             fields: {
               productFoodsAll (dataOld = []) {
                 return cache.writeQuery({ query: GET_ALL_FOOD_PRODUCTS, data: dataOld })
+              },
+              getCatProductsWithProduct (dataOld = {}) {
+                const updatedData = getCatProductsWithProduct(data, carProId)
+                return updatedData
               }
             }
           })
@@ -203,7 +208,7 @@ export const useCreateProduct = ({
           pId
         }
         handleRegisterTags(objTag)
-        // setValues({})
+        setValues({})
       }).catch(err => {
         return sendNotification({
           backgroundColor: 'error',
@@ -219,7 +224,7 @@ export const useCreateProduct = ({
               pCode
             }
           }
-        }).then((response) => {
+        }).then(() => {
         }).catch(() => {
           sendNotification({
             backgroundColor: 'error',
@@ -229,7 +234,7 @@ export const useCreateProduct = ({
         })
       }
     } catch (error) {
-      setAlertBox({ message: `${error.message}`, duration: 7000 })
+      setAlertBox({ message: 'Ha ocurrido un error', duration: 7000 })
     }
   }
 

package/src/hooks/useDeleteSubProductOptional/index.js

@@ -1,30 +1,30 @@
-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 }) => {
-    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 }]
-}
+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 }) => {
+    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
+}
+}
+`

package/src/hooks/useDessert/helpers/index.js

@@ -1,51 +1,51 @@
-import { MockData } from '../../../mock'
-
-/**
- * Transforms an array of objects into a specific data format suitable for desserts.
- *
- * @param {Array<Object>} dataArray - The array of objects to transform.
- * @return {Object} The transformed data containing lists and listIds.
- * @throws {Error} If dataArray is not an array or if the objects lack required properties.
- */
-export const transformDataToDessert = (dataArray) => {
-  try {
-    if (!dataArray) {
-      return MockData
-    }
-    if (!Array.isArray(dataArray)) {
-      throw new Error('dataArray must be an array.')
-    }
-
-    const transformedData = {
-      lists: {},
-      listIds: []
-    }
-
-    dataArray.forEach((item) => {
-      const listId = item.code
-      transformedData.listIds.push(listId)
-      transformedData.lists[listId] = {
-        id: listId,
-        title: item?.OptionalProName,
-        numberLimit: item?.numbersOptionalOnly,
-        required: item?.required,
-        value: '',
-        cards: item?.ExtProductFoodsSubOptionalAll?.length > 0
-          ? item?.ExtProductFoodsSubOptionalAll?.map(subOptional => {
-            return {
-              id: subOptional?.exCode,
-              title: subOptional?.OptionalSubProName,
-              required: subOptional?.state,
-              value: ''
-            }
-          })
-          : []
-      }
-    })
-
-    return transformedData
-  } catch (error) {
-    console.error(error.message)
-    return MockData
-  }
-}
+import { MockData } from '../../../mock'
+
+/**
+ * Transforms an array of objects into a specific data format suitable for desserts.
+ *
+ * @param {Array<Object>} dataArray - The array of objects to transform.
+ * @return {Object} The transformed data containing lists and listIds.
+ * @throws {Error} If dataArray is not an array or if the objects lack required properties.
+ */
+export const transformDataToDessert = (dataArray) => {
+  try {
+    if (!dataArray) {
+      return MockData
+    }
+    if (!Array.isArray(dataArray)) {
+      throw new Error('dataArray must be an array.')
+    }
+
+    const transformedData = {
+      lists: {},
+      listIds: []
+    }
+
+    dataArray.forEach((item) => {
+      const listId = item.code
+      transformedData.listIds.push(listId)
+      transformedData.lists[listId] = {
+        id: listId,
+        title: item?.OptionalProName,
+        numberLimit: item?.numbersOptionalOnly,
+        required: item?.required,
+        value: '',
+        cards: item?.ExtProductFoodsSubOptionalAll?.length > 0
+          ? item?.ExtProductFoodsSubOptionalAll?.map(subOptional => {
+            return {
+              id: subOptional?.exCode,
+              title: subOptional?.OptionalSubProName,
+              required: subOptional?.state,
+              value: ''
+            }
+          })
+          : []
+      }
+    })
+
+    return transformedData
+  } catch (error) {
+    console.error(error.message)
+    return MockData
+  }
+}

package/src/hooks/useDevices/index.js

@@ -1,35 +1,35 @@
-import { useState, useEffect } from 'react'
-import { useQuery } from '@apollo/client'
-import { GET_ALL_DEVICES } from './queries'
-import { useFormatDate } from '../useFormatDate'
-
-export const useDevices = () => {
-  const { data, loading } = useQuery(GET_ALL_DEVICES, {
-    onError: (error) => {
-      console.error(error)
-    }
-  })
-  const [deviceId, setDeviceId] = useState(false)
-  const [date, setDate] = useState('')
-
-  useEffect(() => {
-    if (window) {
-      setDeviceId(window.localStorage.getItem('deviceid'))
-    }
-  }, [])
-
-  // Función para formatear la fecha
-  const formatDate = useFormatDate({ date })
-
-  const updateDate = (newDate) => {
-    setDate(newDate)
-  }
-  return {
-    data: data?.getDeviceUsers || [],
-    date,
-    deviceId,
-    formatDate,
-    loading,
-    updateDate
-  }
-}
+import { useState, useEffect } from 'react'
+import { useQuery } from '@apollo/client'
+import { GET_ALL_DEVICES } from './queries'
+import { useFormatDate } from '../useFormatDate'
+
+export const useDevices = () => {
+  const { data, loading } = useQuery(GET_ALL_DEVICES, {
+    onError: (error) => {
+      console.error(error)
+    }
+  })
+  const [deviceId, setDeviceId] = useState(false)
+  const [date, setDate] = useState('')
+
+  useEffect(() => {
+    if (window) {
+      setDeviceId(window.localStorage.getItem('deviceid'))
+    }
+  }, [])
+
+  // Función para formatear la fecha
+  const formatDate = useFormatDate({ date })
+
+  const updateDate = (newDate) => {
+    setDate(newDate)
+  }
+  return {
+    data: data?.getDeviceUsers || [],
+    date,
+    deviceId,
+    formatDate,
+    loading,
+    updateDate
+  }
+}

package/src/hooks/useDevices/queries.js

@@ -1,19 +1,19 @@
-import { gql } from '@apollo/client'
-
-export const GET_ALL_DEVICES = gql`
-query getDeviceUsers{
-  getDeviceUsers{
-      dId
-      locationFormat
-      deviceId
-      deviceName
-      type
-      short_name
-      platform
-      version
-      dState
-      DatCre
-      DatMod
-  }
-}
-`
+import { gql } from '@apollo/client'
+
+export const GET_ALL_DEVICES = gql`
+query getDeviceUsers{
+  getDeviceUsers{
+      dId
+      locationFormat
+      deviceId
+      deviceName
+      type
+      short_name
+      platform
+      version
+      dState
+      DatCre
+      DatMod
+  }
+}
+`