npm-pkg-hook 1.0.4 → 1.0.6

package/.vscode/settings.json

@@ -4,9 +4,5 @@
         "deepmerge",
         "Eliminado",
         "Pedido"
-    ],
-    "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true,
-        "source.organizeImports": true
-    }
+    ]
 }

package/package.json

@@ -7,7 +7,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "description-pkg-hook",
   "main": "/src/index.jsx",
   "scripts": {

package/src/hooks/index.js

@@ -15,6 +15,7 @@ export * from './useDrag'
 export * from './useEvent'
 export * from './useFetchJson'
 export * from './useFormatDate'
+export * from './useFormatNumberPhone'
 export * from './useFormTools/index'
 export * from './useHover'
 export * from './useImageOptimization'
@@ -29,6 +30,7 @@ export * from './useMobile'
 export * from './useMutateHeight'
 export * from './useProductsFood'
 export * from './useProductsFood/usetagsProducts'
+export * from './useReactToPrint'
 export * from './useReport'
 export * from './useRestaurant'
 export * from './useSales'

package/src/hooks/useBanner/index.js

@@ -12,7 +12,7 @@ export const useBanner = () => {
       } = useQuery(GET_ONE_BANNER_STORE, {
         context: { clientName: 'admin-server' },
         variables: {
-          idStore: !loaStore && store?.store
+          idStore: !loaStore && ''
         }
       })
     return [data?.getOneBanners, { loading, error }]

package/src/hooks/useChartData/index.js

@@ -50,7 +50,6 @@ export const useChartData = ({ year }) => {
 
     const labelTitle = `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`
     // Resultado:
-
     const dataChart = {
         labels: asFilter ? newResult.map(data => {
             return SPANISH_MONTHS[data.Mes]
@@ -124,9 +123,11 @@ export const useChartData = ({ year }) => {
     })
     const handleChangeYear = (value) => {
         setFilter(true)
+        const currentYear = parseInt(value)
+        setChartTypeYear(currentYear || '')
         if (result?.length > 0) {
             const filterToYear = result.filter((elem) => {
-                return elem?.Year == parseInt(value)
+                return elem?.Year == currentYear
             })
             let missingNewMonths = allMonths.filter(month => { return !filterToYear.some(data => { return data.Mes === month }) })
             for (const element of missingNewMonths) {

package/src/hooks/useClients/index.js

@@ -11,3 +11,13 @@ export const useGetClients = () => {
   })
   return [clientes?.getAllClients || [], { loading, error }]
 }
+
+export const useDeleteClients = () => {
+    const [clientes, setClients] = useState([])
+    const { loading, error } = useQuery(GET_ALL_CLIENTS, {
+    onCompleted: (data) => {
+        setClients(data)
+    }
+  })
+  return [clientes?.getAllClients || [], { loading, error }]
+}

package/src/hooks/useFormTools/index.js

@@ -9,7 +9,7 @@ import { validationSubmitHooks } from '../../utils'
  * @description Hook con herramientas de validación y eventos de cambio
  * @return {Array} devuelve la función onChange a ejecutar y el estado de error de cada input
  */
-export const useFormTools = () => {
+export const useFormTools = ({ sendNotification = () => { } } = {}) => {
   const [dataForm, setDataForm] = useState({})
   const [errorForm, setErrorForm] = useState({})
   const [errorSubmit, setErrorSubmit] = useState(false)
@@ -33,11 +33,12 @@ export const useFormTools = () => {
   // Handle submit, al enviar formulario
   const listErrors = Object.values(errorForm)
   const errors = listErrors.find((error) => {
-    return error ===true
+    return error === true
   })
 
   const handleSubmit = useCallback(({ event, action, msgSuccess, msgError, actionAfterSuccess }) => {
-    !!event && event.preventDefault()
+    event.preventDefault()
+    console.log(event)
     setCalledSubmit(true)
     let errSub = false
 
@@ -55,8 +56,8 @@ export const useFormTools = () => {
 
     // Valida los errores desde el evento
     const errores = validationSubmitHooks(event.target.elements)
+    console.log({errores})
     setErrorForm(errores)
-    console.log("🚀 ~ file: index.js ~ line 50 ~ handleSubmit ~ errores", errores)
     for (const x in errores) {
       if (errores[x]) errSub = true
     }
@@ -65,11 +66,11 @@ export const useFormTools = () => {
     if (!errSub && action) {
       action().then(res => {
         if (res) {
-          // setAlertBox({ message: msgSuccess || 'Operación exitosa', color: PColor })
+          sendNotification({ message: msgSuccess || 'Operación exitosa', description: 'Operación exitosa', color: PColor })
           !!actionAfterSuccess && actionAfterSuccess()
         }
 
-      }).catch(e => {return console.log({ message: msgError || e?.message || 'Ha ocurrido un error', color: WColor })})
+      }).catch(e => {return sendNotification({ title: msgError || e?.message || 'Ha ocurrido un error', color: WColor })})
     }
 
     setErrorSubmit(errSub)

package/src/hooks/useFormatNumberPhone/index.js

@@ -0,0 +1,23 @@
+/**
+ * Description
+ * @param {any} phoneNumber type number or string
+ * @returns {any}
+ */
+export const formatPhoneNumber = (phoneNumber) => {
+    const cleaned = ('' + phoneNumber).replace(/\D/g, '');
+    const match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
+    if (match) {
+        return `(${match[1]}) ${match[2]}-${match[3]}`;
+    }
+    return phoneNumber;
+}
+
+/**
+ * Description
+ * @param {any} phoneNumber type number or string
+ * @returns {any}
+ */
+export const validatePhoneNumber = (phoneNumber) => {
+    const regex = /^\(\d{3}\) \d{3}-\d{4}$/;
+    return regex.test(phoneNumber);
+};

package/src/hooks/useProductsFood/index.js

@@ -38,10 +38,13 @@ export const useProductsFood = ({
   search = null,
   toDate
 }) => {
-  const [productsFood, setProductsFood] = useState([])
+  // const [productsFood, setProductsFood] = useState([])
   const [showMore, setShowMore] = useState(50)
   const { data, loading, fetchMore, error } = useQuery(GET_ALL_PRODUCT_STORE, {
-    fetchPolicy: fetchPolicy,
+    fetchPolicy: fetchPolicy ?? 'cache-and-network',
+    notifyOnNetworkStatusChange: true,
+    nextFetchPolicy: 'cache-first',
+    refetchWritePolicy: 'merge',
     variables:
     {
       categories: categories || [],
@@ -55,9 +58,8 @@ export const useProductsFood = ({
       toDate: toDate || null
     }
   })
-  useEffect(() => {
-    setProductsFood(data?.productFoodsAll || [])
-  }, [data, productsFood])
+
+  const productsFood = data?.productFoodsAll
   return [
     productsFood, {
       error,

package/src/hooks/useProductsFood/queriesStore.js

@@ -365,7 +365,6 @@ query ExtProductFoodsOptionalAll($search: String, $min: Int, $max: Int, $pId: ID
         pDatCre
         pDatMod
     }
-    
   }
 }
 `