npm-pkg-hook 1.1.5 → 1.1.8

package/src/hooks/useCategoryInStore/index.js

@@ -1,23 +1,26 @@
-import { useMutation, useQuery } from '@apollo/client';
-import { useState } from 'react';
-import { DELETE_ONE_CAT_PRODUCTS, GET_ULTIMATE_CATEGORY_PRODUCTS } from '../useProductsFood/queriesStore';
-import { UPDATE_CAT_IN_PRODUCT } from './../useProductsFood/queriesStore';
-import { GET_ONE_STORE_IN_CATEGORY } from './queries';
+import { useMutation, useQuery } from '@apollo/client'
+import { useState } from 'react'
+import {
+  DELETE_ONE_CAT_PRODUCTS,
+  GET_ULTIMATE_CATEGORY_PRODUCTS,
+  UPDATE_CAT_IN_PRODUCT
+} from '../useProductsFood/queriesStore'
+import { GET_ONE_STORE_IN_CATEGORY } from './queries'
 
-export const useCategoryInStore = ({ catStoreId }) => {
+export const useCategoryInStore = ({ catStoreId, setAlertBox = () => {} } = {}) => {
   // STATES
   const [categories, setOneCategoryInStore] = useState([])
   const [deleteCatOfProducts] = useMutation(DELETE_ONE_CAT_PRODUCTS, {
     onError: (e) => {
       setAlertBox({
         message: e.graphQLErrors[0].message,
-        color: WColor
+        color: 'error'
       })
     },
-    update(cache) {
+    update (cache) {
       cache.modify({
         fields: {
-          catProductsAll(dataOld = []) {
+          catProductsAll (dataOld = []) {
             return cache.writeQuery({ query: GET_ULTIMATE_CATEGORY_PRODUCTS, data: dataOld })
           }
         }
@@ -28,13 +31,13 @@ export const useCategoryInStore = ({ catStoreId }) => {
     onError: (e) => {
       console.log({
         message: e.graphQLErrors[0].message,
-        color: WColor
+        color: 'error'
       })
     },
-    update(cache) {
+    update (cache) {
       cache.modify({
         fields: {
-          catProductsAll(dataOld = []) {
+          catProductsAll (dataOld = []) {
             return cache.writeQuery({ query: GET_ULTIMATE_CATEGORY_PRODUCTS, data: dataOld })
           }
         }
@@ -57,32 +60,33 @@ export const useCategoryInStore = ({ catStoreId }) => {
       setOneCategoryInStore(data.getOneCatStore)
     }
   })
-    // HANDLESS
-    const handlerDeleteCategoryInStore = (category) => {
-      const { pState, idPc } = category || {}
-      if (!idPc || !pState) return
-      return deleteCatOfProducts({
-        variables: { idPc, pState }, update(cache) {
-          cache.modify({
-            fields: {
-              catProductsAll(dataOld = []) {
-                return cache.writeQuery({ query: GET_ULTIMATE_CATEGORY_PRODUCTS, data: dataOld })
-              }
+  // HANDLESS
+  const handlerDeleteCategoryInStore = (category) => {
+    const { pState, idPc } = category || {}
+    if (!idPc || !pState) return
+    return deleteCatOfProducts({
+      variables: { idPc, pState },
+      update (cache) {
+        cache.modify({
+          fields: {
+            catProductsAll (dataOld = []) {
+              return cache.writeQuery({ query: GET_ULTIMATE_CATEGORY_PRODUCTS, data: dataOld })
             }
-          })
-        }
-      })
-    }
-    const handleUpdateCatInProduct = async ({ data }) => {
-      await updatedCatWithProducts({
-        variables: {
-          input: {
-            setData: data?.map(x => { return { idProduct: x.pId } }),
-            idCat: idCat
           }
+        })
+      }
+    })
+  }
+  const handleUpdateCatInProduct = async ({ data }) => {
+    await updatedCatWithProducts({
+      variables: {
+        input: {
+          setData: data?.map(x => { return { idProduct: x.pId } }),
+          idCat: ''
         }
-      })
-    }
+      }
+    })
+  }
   return {
     categories,
     data: data?.catProductsAll || [],
@@ -92,4 +96,3 @@ export const useCategoryInStore = ({ catStoreId }) => {
     handleUpdateCatInProduct
   }
 }
-

package/src/hooks/useCategoryInStore/queries.js

@@ -1,78 +1,78 @@
-import { gql } from "@apollo/client";
-
-export const GET_ONE_STORE_IN_CATEGORY = gql`
-query getOneCatStore($catStore: ID){
-getOneCatStore(catStore: $catStore){
-  catStore
-  idUser
-  cName
-  cState
-  cDatCre
-  cPathImage
-  cDatMod
-  csDescription
-  getAllStore {
-      idStore
-      cId
-      id
-      dId
-      ctId
-      catStore
-      neighborhoodStore
-      Viaprincipal
-      storeOwner
-      storeName
-      emailStore
-      storePhone
-      socialRaz
-      Image
-      banner
-      documentIdentifier
-      uPhoNum
-      ULocation
-      upLat
-      upLon
-      uState
-      siteWeb
-      description
-      NitStore
-      typeRegiments
-      typeContribute
-      secVia
-      addressStore
-      createdAt
-      pais {
-        cId
-        cName
-        cCalCod
-        cState
-        cDatCre
-        cDatMod
-      }
-      city {
-        ctId
-        dId
-        cName
-        cState
-        cDatCre
-        cDatMod
-      } 
-      department {
-        dId
-        cId
-        dName
-        dState
-        dDatCre
-        dDatMod
-      }
-      getAllRatingStar {
-      rSId
-      rScore
-      idStore
-      createAt
-      
-    }
-  }
-  }
-}
-`
+import { gql } from '@apollo/client'
+
+export const GET_ONE_STORE_IN_CATEGORY = gql`
+query getOneCatStore($catStore: ID){
+getOneCatStore(catStore: $catStore){
+  catStore
+  idUser
+  cName
+  cState
+  cDatCre
+  cPathImage
+  cDatMod
+  csDescription
+  getAllStore {
+      idStore
+      cId
+      id
+      dId
+      ctId
+      catStore
+      neighborhoodStore
+      Viaprincipal
+      storeOwner
+      storeName
+      emailStore
+      storePhone
+      socialRaz
+      Image
+      banner
+      documentIdentifier
+      uPhoNum
+      ULocation
+      upLat
+      upLon
+      uState
+      siteWeb
+      description
+      NitStore
+      typeRegiments
+      typeContribute
+      secVia
+      addressStore
+      createdAt
+      pais {
+        cId
+        cName
+        cCalCod
+        cState
+        cDatCre
+        cDatMod
+      }
+      city {
+        ctId
+        dId
+        cName
+        cState
+        cDatCre
+        cDatMod
+      } 
+      department {
+        dId
+        cId
+        dName
+        dState
+        dDatCre
+        dDatMod
+      }
+      getAllRatingStar {
+      rSId
+      rScore
+      idStore
+      createAt
+      
+    }
+  }
+  }
+}
+`

package/src/hooks/useCategoryStore/index.js

@@ -2,6 +2,6 @@ import { useQuery } from '@apollo/client'
 import { GET_ALL_CAT_STORE } from './queries'
 
 export const useCategoryStore = () => {
-    const { data } = useQuery(GET_ALL_CAT_STORE)
-    return [data]
+  const { data } = useQuery(GET_ALL_CAT_STORE)
+  return [data]
 }

package/src/hooks/useChartData/index.js

@@ -1,171 +1,174 @@
-import { useQuery } from '@apollo/client';
-import { useState } from 'react';
-import { SPANISH_MONTHS } from "../../utils/index";
-import { GET_ALL_SALES } from "../useReport/queries";
-export * from './useChartData'
+import { useQuery } from '@apollo/client'
+import { useState } from 'react'
+import { SPANISH_MONTHS } from '../../utils/index'
+import { GET_ALL_SALES } from '../useReport/queries'
 export * from './useChartDataAllOrders'
 
 export const useChartData = ({ year }) => {
-    // Construcción del nuevo array:
-    const { data, loading } = useQuery(GET_ALL_SALES)
-    const [chartType, setChartType] = useState('bar')
-    const [chartTypeYear, setChartTypeYear] = useState(new Date().getFullYear())
-    const [asFilter, setFilter] = useState(false)
-    const [newResult, setNewResult] = useState([])
-    let result = []
-    data?.getAllSalesStore?.length > 0 && data?.getAllSalesStore.reduce(function (res, value) {
-        // Creamos la posición del array para cada mes
-        let mes = new Date(value.pDatCre).getMonth()
-        let Year = new Date(value.pDatCre).getFullYear()
-        if (!res[mes]) {
-            res[mes] = { Mes: mes, Year }
-            // Inicializamos a 0 el valor de cada key
-            Object.keys(value).forEach((key) => {
-                if (key != 'pDatCre') {
-                    res[mes][key] = 0
-                }
-            })
-
-            result.push(res[mes])
+  // Construcción del nuevo array:
+  const { data, loading } = useQuery(GET_ALL_SALES)
+  const [chartType, setChartType] = useState('bar')
+  const [chartTypeYear, setChartTypeYear] = useState(new Date().getFullYear())
+  const [asFilter, setFilter] = useState(false)
+  const [newResult, setNewResult] = useState([])
+  const result = []
+  data?.getAllSalesStore?.length > 0 && data?.getAllSalesStore.reduce(function (res, value) {
+    // Creamos la posición del array para cada mes
+    const mes = new Date(value.pDatCre).getMonth()
+    const Year = new Date(value.pDatCre).getFullYear()
+    if (!res[mes]) {
+      res[mes] = { Mes: mes, Year }
+      // Inicializamos a 0 el valor de cada key
+      Object.keys(value).forEach((key) => {
+        if (key !== 'pDatCre') {
+          res[mes][key] = 0
         }
-        // Sumamos el valor de cada clave dentro de un bucle
-        Object.keys(value).forEach(function (key) {
-            if (key != 'pDatCre') {
-                res[mes]['totalProductsPrice'] += value['totalProductsPrice']
-            }
-        })
-        return res
-    }, {})
-
-    let allMonths = Array.from({ length: 12 }, (_, i) => { return i })
-    let missingMonths = allMonths.filter(month => { return !result.some(data => { return data.Mes === month }) })
+      })
 
-    for (const element of missingMonths) {
-        result.push({
-            'Mes': element,
-            'totalProductsPrice': 0,
-            'Year': ''
-        })
+      result.push(res[mes])
     }
+    // Sumamos el valor de cada clave dentro de un bucle
+    Object.keys(value).forEach(function (key) {
+      if (key !== 'pDatCre') {
+        res[mes].totalProductsPrice += value.totalProductsPrice
+      }
+    })
+    return res
+  }, {})
 
-    result.sort((a, b) => { return a.Mes - b.Mes })
+  const allMonths = Array.from({ length: 12 }, (_, i) => { return i })
+  const missingMonths = allMonths.filter(month => { return !result.some(data => { return data.Mes === month }) })
 
-    const labelTitle = `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`
-    // Resultado:
-    const dataChart = {
-        labels: asFilter ? newResult.map(data => {
-            return SPANISH_MONTHS[data.Mes]
-        }) : result.map(data => {
-            return SPANISH_MONTHS[data.Mes]
-        }),
-        datasets: [
-            {
-                label: labelTitle,
-                data: asFilter ? newResult.map(data => { return data.totalProductsPrice }) : result.map(data => { return data.totalProductsPrice }),
-                backgroundColor: [
-                    'rgba(255, 99, 132, 0.2)',
-                    'rgba(54, 162, 235, 0.2)',
-                    'rgba(255, 206, 86, 0.2)',
-                    'rgba(75, 192, 192, 0.2)',
-                    'rgba(153, 102, 255, 0.2)',
-                    'rgba(255, 159, 64, 0.2)'
-                ],
-                borderColor: chartType === 'bar' ?  [
-                    'rgba(255, 99, 132, 1)',
-                    'rgba(54, 162, 235, 1)',
-                    'rgba(255, 206, 86, 1)',
-                    'rgba(75, 192, 192, 1)',
-                    'rgba(153, 102, 255, 1)',
-                    'rgba(255, 159, 64, 1)'
-                ] : 'rgb(255 0 0)',
-                tension: 0.6,
-                fill: false,
-                borderWidth: 1,
-                barPercentage: 1,
-                barThickness: 50,
-                minBarLength: 3,
-            }
-        ]
-    }
-    const options =  {
-        interaction: {
-          mode: 'index',
-          intersect: false,
-        },
-        scales: {
-            x: {
-                stacked: true
-            },
-            y: {
-                stacked: true
-            }
-        },
-        plugins: {
-          title: {
-            display: true,
-            text: labelTitle
-          },
-        }
+  for (const element of missingMonths) {
+    result.push({
+      Mes: element,
+      totalProductsPrice: 0,
+      Year: ''
+    })
+  }
+
+  result.sort((a, b) => { return a.Mes - b.Mes })
+
+  const labelTitle = `Ventas por meses del año ${asFilter ? chartTypeYear : ''}`
+  // Resultado:
+  const dataChart = {
+    labels: asFilter
+      ? newResult.map(data => {
+        return SPANISH_MONTHS[data.Mes]
+      })
+      : result.map(data => {
+        return SPANISH_MONTHS[data.Mes]
+      }),
+    datasets: [
+      {
+        label: labelTitle,
+        data: asFilter ? newResult.map(data => { return data.totalProductsPrice }) : result.map(data => { return data.totalProductsPrice }),
+        backgroundColor: [
+          'rgba(255, 99, 132, 0.2)',
+          'rgba(54, 162, 235, 0.2)',
+          'rgba(255, 206, 86, 0.2)',
+          'rgba(75, 192, 192, 0.2)',
+          'rgba(153, 102, 255, 0.2)',
+          'rgba(255, 159, 64, 0.2)'
+        ],
+        borderColor: chartType === 'bar'
+          ? [
+              'rgba(255, 99, 132, 1)',
+              'rgba(54, 162, 235, 1)',
+              'rgba(255, 206, 86, 1)',
+              'rgba(75, 192, 192, 1)',
+              'rgba(153, 102, 255, 1)',
+              'rgba(255, 159, 64, 1)'
+            ]
+          : 'rgb(255 0 0)',
+        tension: 0.6,
+        fill: false,
+        borderWidth: 1,
+        barPercentage: 1,
+        barThickness: 50,
+        minBarLength: 3
       }
-    const groupedData = {}
+    ]
+  }
+  const options = {
+    interaction: {
+      mode: 'index',
+      intersect: false
+    },
+    scales: {
+      x: {
+        stacked: true
+      },
+      y: {
+        stacked: true
+      }
+    },
+    plugins: {
+      title: {
+        display: true,
+        text: labelTitle
+      }
+    }
+  }
+  const groupedData = {}
 
-    data && data.getAllSalesStore.forEach((item) => {
-        const year = new Date(item.pDatCre).getFullYear()
-        if (!groupedData[year]) {
-            groupedData[year] = []
-        }
-        groupedData[year].push(item)
-    })
-    const years = []
-    data && data.getAllSalesStore.forEach((item) => {
-        const y = new Date(item.pDatCre).getFullYear()
-        if (!years.includes(y)) {
-            years.push(y)
-        }
-    })
-    const handleChangeYear = (value) => {
-        setFilter(true)
-        const currentYear = parseInt(value)
-        setChartTypeYear(currentYear || '')
-        if (result?.length > 0) {
-            const filterToYear = result.filter((elem) => {
-                return elem?.Year == currentYear
-            })
-            let missingNewMonths = allMonths.filter(month => { return !filterToYear.some(data => { return data.Mes === month }) })
-            for (const element of missingNewMonths) {
-                filterToYear.push({
-                    'Mes': element,
-                    'totalProductsPrice': 0,
-                    'Year': ''
-                })
-            }
-            filterToYear.sort((a, b) => { return a.Mes - b.Mes })
-            setNewResult(filterToYear)
-            return filterToYear
-        }
+  data && data.getAllSalesStore.forEach((item) => {
+    const year = new Date(item.pDatCre).getFullYear()
+    if (!groupedData[year]) {
+      groupedData[year] = []
     }
-    const cleanFilter = () => {
-        setFilter(false)
-        setChartTypeYear(new Date().getFullYear())
+    groupedData[year].push(item)
+  })
+  const years = []
+  data && data.getAllSalesStore.forEach((item) => {
+    const y = new Date(item.pDatCre).getFullYear()
+    if (!years.includes(y)) {
+      years.push(y)
     }
-    const sortYear = () => {
-        return  years.sort((a, b) => { return b - a });
+  })
+  const handleChangeYear = (value) => {
+    setFilter(true)
+    const currentYear = parseInt(value)
+    setChartTypeYear(currentYear || '')
+    if (result?.length > 0) {
+      const filterToYear = result.filter((elem) => {
+        return elem?.Year === currentYear
+      })
+      const missingNewMonths = allMonths.filter(month => { return !filterToYear.some(data => { return data.Mes === month }) })
+      for (const element of missingNewMonths) {
+        filterToYear.push({
+          Mes: element,
+          totalProductsPrice: 0,
+          Year: ''
+        })
+      }
+      filterToYear.sort((a, b) => { return a.Mes - b.Mes })
+      setNewResult(filterToYear)
+      return filterToYear
     }
+  }
+  const cleanFilter = () => {
+    setFilter(false)
+    setChartTypeYear(new Date().getFullYear())
+  }
+  const sortYear = () => {
+    return years.sort((a, b) => { return b - a })
+  }
 
-    const organiceYears = sortYear()
-    return {
-        handleChangeYear,
-        setFilter,
-        cleanFilter,
-        setChartType,
-        years: organiceYears,
-        asFilter,
-        chartTypeYear,
-        options,
-        chartType,
-        labelTitle,
-        result,
-        dataChart,
-        loading
-    }
+  const organiceYears = sortYear()
+  return {
+    handleChangeYear,
+    setFilter,
+    cleanFilter,
+    setChartType,
+    years: organiceYears,
+    asFilter,
+    chartTypeYear,
+    options,
+    chartType,
+    labelTitle,
+    result,
+    dataChart,
+    loading
+  }
 }