npm-pkg-hook 1.0.2 → 1.0.4

package/src/hooks/useUpdateExtProductFoodsSubOptional/index.js

@@ -0,0 +1,37 @@
+import { useMutation } from '@apollo/client'
+import { updateCacheMod } from '../../utils'
+import { GET_EXTRAS_PRODUCT_FOOD_OPTIONAL, GET_EXTRAS_PRODUCT_FOOD_SUB_OPTIONAL } from '../useProductsFood/queriesStore'
+
+export const useUpdateExtProductFoodsSubOptional = () => {
+    const [updateExtProductFoodsSubOptional] = useMutation(GET_EXTRAS_PRODUCT_FOOD_SUB_OPTIONAL)
+
+    const handleMutateExtProductFoodsSubOptional = ({
+        pId,
+        title,
+        listId,
+        id,
+        state = 1,
+    }) => {
+        updateExtProductFoodsSubOptional({
+            variables: {
+              input: {
+                pId,
+                OptionalSubProName: title,
+                exCodeOptionExtra: listId,
+                exCode: id,
+                state
+              }
+            }, update: (cache, { data: { ExtProductFoodsOptionalAll } }) => {
+              return updateCacheMod({
+                cache,
+                query: GET_EXTRAS_PRODUCT_FOOD_OPTIONAL,
+                nameFun: 'ExtProductFoodsOptionalAll',
+                dataNew: ExtProductFoodsOptionalAll
+              })
+            }
+          })
+    }
+  return {
+    handleMutateExtProductFoodsSubOptional
+  }
+}

package/src/hooks/useUser/index.js

@@ -1,3 +1,7 @@
-export const useUser = () => {
-  return []
-}
+import { useQuery } from '@apollo/client'
+import { GET_USER } from './queries'
+
+export const useUser = () => {
+  const { data, loading, error } = useQuery(GET_USER)
+  return [data?.getUser, { loading, error }]
+}

package/src/hooks/useUser/queries.js

@@ -0,0 +1,69 @@
+import { gql } from '@apollo/client'
+
+export const LOGIN = gql`
+mutation login($input: LoginInput){
+  login(input: $input){
+    token
+  }
+}
+`
+export const GET_USER = gql`
+query getUser($id: ID){
+ getUser(id: $id ){
+id
+name
+username
+lastName
+email
+avatar
+uToken
+uPhoNum
+ULocation
+upLat
+uState
+upLon
+upIdeDoc
+siteWeb
+description
+password
+createAt
+  role {
+    id
+    name
+  }
+}
+}
+`
+export const GET_ALL_USER = gql`
+query getAllUser($search: String){
+  getAllUser(search: $search){
+    id
+    name
+    username
+    lastName
+    email
+    email
+    siteWeb
+    description
+    uPhoNum
+    upLat
+    upLon
+    createAt
+    avatar
+    latestMessage {
+      uuid
+      content
+      from
+      to
+    }
+  }
+}
+`
+export const UPDATE_AVATAR = gql`
+mutation updateAvatar($file: Upload){
+  UpdateAvatar(file: $file){
+    status
+    urlAvatar
+  }
+}
+`

package/src/hooks/useWindowSize/index.js

@@ -1,38 +1,38 @@
-import { useState, useEffect } from 'react';
-
-export default function useWindowSize() {
-    // Initialize state with undefined width/height so server and client renders match
-    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
-    const [windowSize, setWindowSize] = useState({
-        width: undefined,
-        height: undefined
-    });
-
-    useEffect(() => {
-    // Handler to call on window resize
-        function handleResize() {
-            // Set window width/height to state
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        }
-
-        // Add event listener
-        window.addEventListener('resize', handleResize);
-
-        // Call handler right away so state gets updated with initial window size
-        handleResize();
-
-        // Remove event listener on cleanup
-        return () => window.removeEventListener('resize', handleResize);
-    }, []); // Empty array ensures that effect is only run on mount
-
-    return windowSize;
-}
-// Como se usa
-
-// 1 -const size = useWindowSize();
-// 2  <div>
-// {size.width}px / {size.height}px
+import { useState, useEffect } from 'react';
+
+export default function useWindowSize() {
+    // Initialize state with undefined width/height so server and client renders match
+    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
+    const [windowSize, setWindowSize] = useState({
+        width: undefined,
+        height: undefined
+    });
+
+    useEffect(() => {
+    // Handler to call on window resize
+        function handleResize() {
+            // Set window width/height to state
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight
+            });
+        }
+
+        // Add event listener
+        window.addEventListener('resize', handleResize);
+
+        // Call handler right away so state gets updated with initial window size
+        handleResize();
+
+        // Remove event listener on cleanup
+        return () => window.removeEventListener('resize', handleResize);
+    }, []); // Empty array ensures that effect is only run on mount
+
+    return windowSize;
+}
+// Como se usa
+
+// 1 -const size = useWindowSize();
+// 2  <div>
+// {size.width}px / {size.height}px
 // </div>

package/src/index.jsx

@@ -1 +1,2 @@
-export * from './hooks/index'
+export * from './hooks/index'
+export * from './utils'

package/src/mock/dessert/index.js

@@ -0,0 +1,16 @@
+import { RandomCode } from '../../utils'
+
+export const MockData = {
+  lists: {
+    '01list': {
+      id:  RandomCode(9),
+      title: 'Elige tu salsa favorita',
+      numberLimit: 0,
+      required: 0,
+      value: '',
+      cards: [
+      ]
+    }
+  },
+  listIds: ['01list']
+}

package/src/mock/index.js

@@ -0,0 +1,2 @@
+export * from './dessert';
+

package/src/utils/index.js

@@ -1,54 +1,106 @@
-/**
- * @description It takes an array of elements and returns an object with a submit hook for each element.
- * @version 0.1.1
- * @param {array} elements elementos del formulario
- * @return {array} devuelve un array de booleanos con el nombre identificador para cada estado en react.
- */
-export const validationSubmitHooks = elements => {
-    let errorForm = {}
-    for (const element of elements) {
-      if (element.name) {
-        if (element.type === 'text' || element.type === 'password' || element.type === 'email' || element.type === 'number' || element.type === 'hidden') {
-          if (element.dataset.required === 'true') {
-            if (!element.value) errorForm = { ...errorForm, [element.name]: !element.value }
-            else errorForm = { ...errorForm, [element.name]: !element.value }
-          } else {
-            errorForm = { ...errorForm, [element.name]: false }
-          }
-        }
-      }
-    }
-    return errorForm
-  }
-
-  export const getCurrentDomain = () => {
-    return typeof window !== 'undefined' && window.location.hostname.split('.').slice(-2).join('.')
-  }
-
-  export function RandomCode(length) {
-    let result = ''
-    let characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
-    let charactersLength = characters.length
-    for (let i = 0; i < length; i++) {
-      result += characters.charAt(Math.floor(Math.random() *
-        charactersLength))
-    }
-    return result
-  }
-  /**
- * actualizar cache de apollo
- * @param {{ cache: object, query: object, nameFun: string, dataNew: object, type: number, id: string }} params Parámetros para actualizar el cachet de apollo
- * @returns {null} no hay retorno
- */
-export const updateCacheMod = async ({ cache, query, nameFun, dataNew, type, id }) => {
-  return cache.modify({
-    fields: {
-      [nameFun](dataOld = []) {
-        if (type === 1) return cache.writeQuery({ query, data: [...(dataOld || []), { ...(dataNew || {}) }] })
-        if (type === 2) return cache.writeQuery({ query, data: { ...(dataOld || {}), ...(dataNew || {}) } })
-        if (type === 3) return cache.writeQuery({ query, data: dataOld.filter(x => { return x === id }) })
-      }
-    }
-  })
-}
-export const initializer = (initialValue = initialState) => { return JSON.parse(localStorage.getItem(process.env.LOCAL_SALES_STORE)) || initialValue }
+/**
+ * @description It takes an array of elements and returns an object with a submit hook for each element.
+ * @version 0.1.1
+ * @param {array} elements elementos del formulario
+ * @return {array} devuelve un array de booleanos con el nombre identificador para cada estado en react.
+ */
+export const validationSubmitHooks = elements => {
+    let errorForm = {}
+    for (const element of elements) {
+      if (element.name) {
+        if (element.type === 'text' || element.type === 'password' || element.type === 'email' || element.type === 'number' || element.type === 'hidden') {
+          if (element.dataset.required === 'true') {
+            if (!element.value) errorForm = { ...errorForm, [element.name]: !element.value }
+            else errorForm = { ...errorForm, [element.name]: !element.value }
+          } else {
+            errorForm = { ...errorForm, [element.name]: false }
+          }
+        }
+      }
+    }
+    return errorForm
+  }
+
+  export const getCurrentDomain = () => {
+    return typeof window !== 'undefined' && window.location.hostname.split('.').slice(-2).join('.')
+  }
+
+  export function RandomCode(length) {
+    let result = ''
+    let characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+    let charactersLength = characters.length
+    for (let i = 0; i < length; i++) {
+      result += characters.charAt(Math.floor(Math.random() *
+        charactersLength))
+    }
+    return result
+  }
+  /**
+ * actualizar cache de apollo
+ * @param {{ cache: object, query: object, nameFun: string, dataNew: object, type: number, id: string }} params Parámetros para actualizar el cachet de apollo
+ * @returns {null} no hay retorno
+ */
+export const updateCacheMod = async ({ cache, query, nameFun, dataNew, type, id }) => {
+  return cache.modify({
+    fields: {
+      [nameFun](dataOld = []) {
+        if (type === 1) return cache.writeQuery({ query, data: [...(dataOld || []), { ...(dataNew || {}) }] })
+        if (type === 2) return cache.writeQuery({ query, data: { ...(dataOld || {}), ...(dataNew || {}) } })
+        if (type === 3) return cache.writeQuery({ query, data: dataOld.filter(x => { return x === id }) })
+      }
+    }
+  })
+}
+export const initializer = (initialValue = initialState) => { return JSON.parse(localStorage.getItem(process.env.LOCAL_SALES_STORE)) || initialValue }
+
+
+export const numberFormat = value => { return value ? (parseInt(value) ? new Intl.NumberFormat('de-DE').format(parseFloat(`${value}`.replace(/\./g, ''))) : value) : (value) }
+
+
+
+export const MONTHS = [
+  'January',
+  'February',
+  'March',
+  'April',
+  'May',
+  'June',
+  'July',
+  'August',
+  'September',
+  'October',
+  'November',
+  'December'
+]
+export const SPANISH_MONTHS = {
+  0:'Enero',
+  1:'Febrero',
+  2:'Marzo',
+  3:'Abril',
+  4:'Mayo',
+  5:'Junio',
+  6:'Julio',
+  7:'Augosto',
+  8:'Septiembre',
+  9:'Octubre',
+  10:'Noviembre ',
+  11:'Diciembre'
+}
+
+
+export const convertBase64 = file => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    if (file) {
+      reader.readAsDataURL(file)
+    }
+    reader.onload = () => {
+      resolve(reader.result)
+    }
+    reader.onerror = error => {
+      reject(error)
+    }
+  })
+}
+
+export const validationImg = file => { return (/\.(jpg|png|gif|jpeg)$/i).test(file.name) }

package/src/hooks/useGetCategorieStore/index.js

@@ -1,21 +0,0 @@
-import { useQuery } from '@apollo/client'
-import { useEffect, useState } from 'react'
-import { GET_ONE_STORE_IN_CATEGORY } from './queries'
-
-export const useGetCategorieStore = ({ catStoreId }) => {
-
-  const { data: dataCatSto, loading, error } = useQuery(GET_ONE_STORE_IN_CATEGORY, {
-    variables: {
-      catStore: catStoreId
-    },
-    onError: () => {
-      console.log({ message: '', duration: 5000 })
-
-    }
-  })
-  const [categories, setCategorieStore] = useState([])
-  useEffect(() => {
-    setCategorieStore(dataCatSto?.getOneCatStore || [])
-  }, [dataCatSto])
-  return [categories, { loading, error }]
-}

package/src/hooks/useGetProductsFood/index.js

@@ -1,46 +0,0 @@
-import { useQuery } from '@apollo/client'
-import { useEffect, useState } from 'react'
-import { GET_ALL_PRODUCT_STORE } from './queriesStore'
-
-export const useGetProductsFood = ({
-  categories,
-  desc,
-  fetchPolicy = 'network-only',
-  fromDate,
-  gender,
-  max = 50,
-  min,
-  pState,
-  search = null,
-  toDate
-}) => {
-  const [productsFood, setProductsFood] = useState([])
-  const [showMore, setShowMore] = useState(50)
-  const { data, loading, fetchMore, error } = useQuery(GET_ALL_PRODUCT_STORE, {
-    fetchPolicy: fetchPolicy,
-    variables:
-    {
-      categories: categories || [],
-      desc: desc || [],
-      fromDate: fromDate || null,
-      gender: gender || [],
-      max: max || null,
-      min: min || null,
-      pState: pState || 0,
-      search: search ?? search,
-      toDate: toDate || null
-    }
-  })
-  useEffect(() => {
-    setProductsFood(data?.productFoodsAll || [])
-  }, [data, productsFood])
-  return [
-    productsFood, {
-      error,
-      loading,
-      showMore,
-      fetchMore,
-      setShowMore
-    }
-  ]
-}