npm-pkg-hook 1.0.5 → 1.0.7

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.5",
+  "version": "1.0.7",
   "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'
@@ -43,5 +45,4 @@ export * from './useTimeAgo/useTimeAgo'
 export * from './useUpdateCart'
 export * from './useUpdateExtProductFoodsSubOptional'
 export * from './useUser'
-export * from './useReactToPrint'
 

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/useCatWithProduct/index.js

@@ -5,6 +5,7 @@ export const useCatWithProduct = ({
     max = 1,
     min = 0,
     search = null,
+    productName = null,
     searchFilter= {}
 }) => {
     const {
@@ -22,6 +23,7 @@ export const useCatWithProduct = ({
     variables:
     {
       search,
+      productName,
       gender: gender,
       min,
       max: 400,

package/src/hooks/useCatWithProduct/queries.js

@@ -117,8 +117,8 @@ query ExtProductFoodsAll($search: String, $min: Int, $max: Int, $pId: ID) {
 }
 `
 export const GET_ALL_CATEGORIES_WITH_PRODUCT = gql`
-query getCatProductsWithProduct($search: String, $min: Int, $max: Int, $gender: [String], $desc: [String], $categories: [ID], ) {
-  getCatProductsWithProduct(search: $search, min: $min, max: $max, gender: $gender, desc: $desc, categories: $categories,) {
+query getCatProductsWithProduct($search: String, $productName: String, $min: Int, $max: Int, $gender: [String], $desc: [String], $categories: [ID], ) {
+  getCatProductsWithProduct(search: $search, min: $min, productName:$productName, max: $max, gender: $gender, desc: $desc, categories: $categories,) {
         totalCount,
     catProductsWithProduct {
     carProId
@@ -136,6 +136,7 @@ query getCatProductsWithProduct($search: String, $min: Int, $max: Int, $gender:
     productFoodsAll {
          pId
         sizeId
+      
         colorId
         carProId
         cId

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:
-    console.log(chartTypeYear)
     const dataChart = {
         labels: asFilter ? newResult.map(data => {
             return SPANISH_MONTHS[data.Mes]

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/useFormatDate/index.js

@@ -1,7 +1,7 @@
 export const useFormatDate = ({
     date,
     local = 'ES'
-}) => {
+} = {}) => {
     const dateToFormat = new Date(date ?? Date.now())
     const fullDate = dateToFormat.toLocaleDateString(local, { year: 'numeric', month: '2-digit', day: '2-digit' })
     const day = fullDate.split('/')[0]

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
     }
-    
   }
 }
 `

package/src/hooks/useReactToPrint/index.js

@@ -690,7 +690,7 @@
           var u = {
               copyStyles: !0,
               pageStyle:
-                "\n        @page {\n            /* Remove browser default header (title) and footer (url) */\n            margin: 0;\n        }\n        @media print {\n            body {\n                /* Tell browsers to print background colors */\n                -webkit-print-color-adjust: exact; /* Chrome/Safari/Edge/Opera */\n                color-adjust: exact; /* Firefox */\n            }\n        }\n    ",
+                "\n        @page {\n            /* Remove browser default header (title) and footer (url) */\n            padding: 10px;\n        }\n        @media print {\n            body {\n                /* Tell browsers to print background colors */\n                -webkit-print-color-adjust: exact; /* Chrome/Safari/Edge/Opera */\n                color-adjust: exact; /* Firefox */\n            }\n        }\n    ",
               removeAfterPrint: !1,
               suppressErrors: !1,
             },