npm-pkg-hook 1.0.1 → 1.0.2

package/src/hooks/index.js

@@ -1,15 +1,19 @@
-export * from './useLocationNavigate'
-export * from './useUser'
-export * from './useTimeAgo/useTimeAgo'
-export * from './useEvent'
-export * from './useFetchJson'
-export * from './useRestaurant'
-export * from './useFormTools/index'
-export * from './useDrag'
-export * from './useHover'
-export * from './useKeypress'
-export * from './useLocalSorage'
-export * from './useUpdateCart'
-export * from './useSetState'
-export * from './useGetCategorieStore'
-export * from './useCategoryStore'
+export * from './useCategoryStore'
+export * from './useCheckbox'
+export * from './useDrag'
+export * from './useEvent'
+export * from './useFetchJson'
+export * from './useFormTools/index'
+export * from './useGetCategorieStore'
+export * from './useHover'
+export * from './useKeypress'
+export * from './useLocalSorage'
+export * from './useLocationNavigate'
+export * from './useMobile'
+export * from './useRestaurant'
+export * from './useSales'
+export * from './useSetState'
+export * from './useTimeAgo/useTimeAgo'
+export * from './useUpdateCart'
+export * from './useUser'
+export * from './useClients'

package/src/hooks/useAcumulateDate/index.js

@@ -1,16 +1,16 @@
-
-const data = [
-    { x: '2021-10-17T14:38:45.540Z', y: 2 }
-  ]
-  export const get_date_parts = (iso_string) =>  {
-    const [year, month, day, hr, min, sec] = iso_string.split(/\D/g)
-    return { year, month, day, hr, min, sec }
-  }
-  function group_by_year(arr) {
-    let total = arr.reduce((a, b) => {
-      const { day } = get_date_parts(b.x)
-      return a + parseInt(day)
-    }, 0)
-    return total
-  }
+
+const data = [
+    { x: '2021-10-17T14:38:45.540Z', y: 2 }
+  ]
+  export const get_date_parts = (iso_string) =>  {
+    const [year, month, day, hr, min, sec] = iso_string.split(/\D/g)
+    return { year, month, day, hr, min, sec }
+  }
+  function group_by_year(arr) {
+    let total = arr.reduce((a, b) => {
+      const { day } = get_date_parts(b.x)
+      return a + parseInt(day)
+    }, 0)
+    return total
+  }
   const result = group_by_year(data)

package/src/hooks/useAnimationText/index.jsx

@@ -1,30 +1,30 @@
-import React, { useEffect, useState, useRef } from 'react'
-
-const fullText =
-  ' this is full text it\'ll be animated again! Writing a really huge senetence here so that I can see the animation happen. I know it\'s fast but that\'s how it goes.'
-
-const useAnimatedText = textMessage => {
-  const fullTextRef = useRef(textMessage)
-  const [text, setText] = useState('')
-  const [index, setIndex] = useState(0)
-  useEffect(() => {
-    if (index < fullText.length) {
-      window.requestAnimationFrame(() => {
-        // eslint-disable-next-line
-                setText(text => text + fullTextRef.current[index]);
-        setIndex(() => {return index + 1})
-      })
-    }
-  }, [index])
-  useEffect(() => {
-    fullText.current = textMessage
-  }, [textMessage])
-
-  return text
-}
-
-export default function TextHook() {
-  const text = useAnimatedText(fullText)
-
-  return <span>{text} </span>
+import React, { useEffect, useState, useRef } from 'react'
+
+const fullText =
+  ' this is full text it\'ll be animated again! Writing a really huge senetence here so that I can see the animation happen. I know it\'s fast but that\'s how it goes.'
+
+const useAnimatedText = textMessage => {
+  const fullTextRef = useRef(textMessage)
+  const [text, setText] = useState('')
+  const [index, setIndex] = useState(0)
+  useEffect(() => {
+    if (index < fullText.length) {
+      window.requestAnimationFrame(() => {
+        // eslint-disable-next-line
+                setText(text => text + fullTextRef.current[index]);
+        setIndex(() => {return index + 1})
+      })
+    }
+  }, [index])
+  useEffect(() => {
+    fullText.current = textMessage
+  }, [textMessage])
+
+  return text
+}
+
+export default function TextHook() {
+  const text = useAnimatedText(fullText)
+
+  return <span>{text} </span>
 }

package/src/hooks/useCategoryStore/index.js

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

package/src/hooks/useCategoryStore/queries.js

@@ -1,16 +1,16 @@
-import { gql } from '@apollo/client'
-
-export const GET_ALL_CAT_STORE = gql`
-query getAllCatStore{
-getAllCatStore{
-  catStore
-  idUser
-  cPathImage
-  cName
-  cState
-  cDatCre
-  cDatMod
-  csDescription
-  }
-}
-`
+import { gql } from '@apollo/client'
+
+export const GET_ALL_CAT_STORE = gql`
+query getAllCatStore{
+getAllCatStore{
+  catStore
+  idUser
+  cPathImage
+  cName
+  cState
+  cDatCre
+  cDatMod
+  csDescription
+  }
+}
+`

package/src/hooks/useCheckbox/index.js

@@ -0,0 +1,114 @@
+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 = []) => {
+  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,
+    enableCheckboxes,
+    disableCheckboxes
+  }
+}

package/src/hooks/useClients/index.js

@@ -0,0 +1,13 @@
+import { useQuery } from '@apollo/client'
+import { useEffect, useState } from 'react'
+import { GET_ALL_CLIENTS } from './queries'
+
+export const useGetClients = () => {
+    const [clientes, setClients] = useState([])
+  const { loading, error } = useQuery(GET_ALL_CLIENTS, {
+    onCompleted: (data) => {
+        setClients(data)
+    }
+  })
+  return [clientes?.getAllClients, { loading, error }]
+}

package/src/hooks/useClients/queries.js

@@ -0,0 +1,118 @@
+import { gql } from '@apollo/client'
+
+export const CREATE_CLIENTS = gql`
+mutation createClients ($input: IClients) {
+  createClients(input: $input) {
+    cliId
+    idStore
+    idUser
+    clState
+    ClientAddress
+    clientNumber
+    ccClient
+    gender
+    clientLastName
+    clientName
+    createAt
+    updateAt
+  }
+}
+`
+export const DELETE_ONE_CLIENTS = gql`
+mutation deleteClient($cliId: ID, $clState: Int!) {
+  deleteClient(cliId: $cliId, clState: $clState) {
+    success
+    message
+  }
+}
+`
+export const GET_ALL_CLIENTS = gql`
+query getAllClients($idStore: ID, $cId: ID, $dId: ID, $ctId: ID, $search: String,  $min: Int, $max: Int, $fromDate: DateTime, $toDate: DateTime ) {
+  getAllClients(idStore: $idStore, cId: $cId, dId: $dId, ctId: $ctId, search: $search, min: $min, max: $max, fromDate: $fromDate, toDate: $toDate) {
+    cliId
+    idStore
+    gender
+    # idUser
+    clState
+    clientNumber
+    ccClient
+    clientLastName
+    clientName
+    ClientAddress
+    createAt
+    updateAt
+
+  }
+}
+`
+export const GET_ONE_CLIENT = gql`
+query getOneClients($cliId: ID) {
+  getOneClients(cliId: $cliId) {
+    cliId
+    idStore
+    idUser
+    clState
+    clientNumber
+    ClientAddress
+    gender
+    ccClient
+    clientLastName
+    clientName
+    createAt
+    updateAt
+
+  }
+}
+`
+
+export const CREATE_SHOPPING_CARD = gql`
+mutation  registerShoppingCard($input: IShoppingCard, $idSubArray: IID_SUB_ITEMS){
+    registerShoppingCard(input: $input, idSubArray: $idSubArray){
+      ShoppingCard
+      id
+      pId
+      subProductsId
+      ShoppingCardRefCode
+      uuid
+      discountCardProduct
+      idUser
+      cName
+      idStore
+      cState
+      cDatCre
+      cDatMod
+      csDescription
+      cantProducts
+      comments
+      # idSubArray
+  }
+}
+`
+export const CREATE_SHOPPING_CARD_TO_USER_STORE = gql`
+mutation  registerSalesStore($input: [IShoppingCard], $id: ID, $idStore: ID, $pCodeRef: String, $change: String, $valueDelivery: Float, $payMethodPState: Int, $pickUp: Int, $totalProductsPrice: Float, $idSubArray: IID_SUB_ITEMS){
+    registerSalesStore(input: $input, id: $id, idStore: $idStore, pCodeRef: $pCodeRef,  change: $change, valueDelivery: $valueDelivery, payMethodPState: $payMethodPState, pickUp: $pickUp, totalProductsPrice: $totalProductsPrice,  idSubArray: $idSubArray){
+ 			ShoppingCard {
+      ShoppingCard
+      id
+      pId
+      subProductsId
+      ShoppingCardRefCode
+      uuid
+      discountCardProduct
+      idUser
+      cName
+      idStore
+      cState
+      cDatCre
+      cDatMod
+      csDescription
+      cantProducts
+      comments
+        }
+    Response {
+      success
+      message
+    }
+  }
+}
+`

package/src/hooks/useDrag/index.js

@@ -1,57 +1,57 @@
-import { useEffect } from 'react'
-
-export function useDrag2(ref) {
-  useEffect(() => {
-    const target = ref.current
-    if (!target) return
-    const previousOffset = { x: 0, y: 0 }
-    let originMouseX
-    let originMouseY
-    function onMousemove(e) {
-      const { pageX, pageY } = e
-      const x = pageX - originMouseX + previousOffset.x
-      const y = pageY - originMouseY + previousOffset.y
-      target.style.transform = `translate(${ x }px, ${ y }px)`
-    }
-    function onMouseup(e) {
-      previousOffset.x += e.pageX - originMouseX
-      previousOffset.y += e.pageY - originMouseY
-      window.removeEventListener('mousemove', onMousemove)
-      window.removeEventListener('mouseup', onMouseup)
-    }
-    function onMousedown(e) {
-      originMouseX = e.pageX
-      originMouseY = e.pageY
-      window.addEventListener('mousemove', onMousemove)
-      window.addEventListener('mouseup', onMouseup)
-    }
-    target.addEventListener('mousedown', onMousedown)
-    return () => {
-      target?.removeEventListener('mousedown', onMousedown)
-      window?.removeEventListener('mouseup', onMouseup)
-      window?.removeEventListener('mousemove', onMousemove)
-    }
-  }, [ref])
-}
-import { useState } from 'react'
-
-export const useDrag = (x, y) => {
-  const [move, setMove] = useState(false)
-  const [moveTo, setMoveTo] = useState([x, y])
-  const moveIcon = e => {
-    const xcoord = moveTo[0] + e.movementX
-    const ycoord = moveTo[1] + e.movementY
-    setMoveTo([xcoord, ycoord])
-  }
-  const handleMove = e => {
-    move && moveIcon(e)
-  }
-  const handelDown = () => {
-    setMove(true)
-  }
-  const handelUp = () => {
-    setMove(false)
-  }
-
-  return { move, moveTo, handelDown, handelUp, handleMove }
+import { useEffect } from 'react'
+
+export function useDrag2(ref) {
+  useEffect(() => {
+    const target = ref.current
+    if (!target) return
+    const previousOffset = { x: 0, y: 0 }
+    let originMouseX
+    let originMouseY
+    function onMousemove(e) {
+      const { pageX, pageY } = e
+      const x = pageX - originMouseX + previousOffset.x
+      const y = pageY - originMouseY + previousOffset.y
+      target.style.transform = `translate(${ x }px, ${ y }px)`
+    }
+    function onMouseup(e) {
+      previousOffset.x += e.pageX - originMouseX
+      previousOffset.y += e.pageY - originMouseY
+      window.removeEventListener('mousemove', onMousemove)
+      window.removeEventListener('mouseup', onMouseup)
+    }
+    function onMousedown(e) {
+      originMouseX = e.pageX
+      originMouseY = e.pageY
+      window.addEventListener('mousemove', onMousemove)
+      window.addEventListener('mouseup', onMouseup)
+    }
+    target.addEventListener('mousedown', onMousedown)
+    return () => {
+      target?.removeEventListener('mousedown', onMousedown)
+      window?.removeEventListener('mouseup', onMouseup)
+      window?.removeEventListener('mousemove', onMousemove)
+    }
+  }, [ref])
+}
+import { useState } from 'react'
+
+export const useDrag = (x, y) => {
+  const [move, setMove] = useState(false)
+  const [moveTo, setMoveTo] = useState([x, y])
+  const moveIcon = e => {
+    const xcoord = moveTo[0] + e.movementX
+    const ycoord = moveTo[1] + e.movementY
+    setMoveTo([xcoord, ycoord])
+  }
+  const handleMove = e => {
+    move && moveIcon(e)
+  }
+  const handelDown = () => {
+    setMove(true)
+  }
+  const handelUp = () => {
+    setMove(false)
+  }
+
+  return { move, moveTo, handelDown, handelUp, handleMove }
 }

package/src/hooks/useEvent/index.js

@@ -1,33 +1,33 @@
-import { useEffect } from 'react';
-export const on = ({ eventType, callBack }) => {
-    document.addEventListener(eventType, callBack);
-};
-export const off = ({ eventType, callBack }) => {
-    document.removeEventListener(eventType, callBack);
-};
-export const once = ({ eventType, callBack }) => {
-    const handleEventOnce = (event) => {
-        callBack(event);
-        off({ eventType, callBack: handleEventOnce });
-    };
-    on({ eventType, callBack: handleEventOnce });
-};
-export const trigger = ({ eventType, data }) => {
-    const event = new CustomEvent(eventType, { detail: data });
-    document.dispatchEvent(event);
-};
-//This function is used to subscribe components an any event
-export const useEvents = ({ eventType, callBack }) => {
-    useEffect(() => {
-        on({ eventType, callBack: callBack });
-        return () => {
-            off({ eventType, callBack: callBack });
-        };
-    }, [eventType, callBack]);
-};
-// This function create and dispatch event
-export const useTrigerEvent = () => {
-    return {
-        trigger
-    };
-};
+import { useEffect } from 'react';
+export const on = ({ eventType, callBack }) => {
+    document.addEventListener(eventType, callBack);
+};
+export const off = ({ eventType, callBack }) => {
+    document.removeEventListener(eventType, callBack);
+};
+export const once = ({ eventType, callBack }) => {
+    const handleEventOnce = (event) => {
+        callBack(event);
+        off({ eventType, callBack: handleEventOnce });
+    };
+    on({ eventType, callBack: handleEventOnce });
+};
+export const trigger = ({ eventType, data }) => {
+    const event = new CustomEvent(eventType, { detail: data });
+    document.dispatchEvent(event);
+};
+//This function is used to subscribe components an any event
+export const useEvents = ({ eventType, callBack }) => {
+    useEffect(() => {
+        on({ eventType, callBack: callBack });
+        return () => {
+            off({ eventType, callBack: callBack });
+        };
+    }, [eventType, callBack]);
+};
+// This function create and dispatch event
+export const useTrigerEvent = () => {
+    return {
+        trigger
+    };
+};

package/src/hooks/useFetchJson/index.js

@@ -1,25 +1,25 @@
-/**
- * It fetches a json response, and if the response is not ok, it throws an error with the response and
- * the data
- * @param args - The arguments to pass to fetch.
- */
-export const fetchJson = async (...args) =>  {
-    try {
-      const response = await fetch(...args)
-      // if the server replies, there's always some data in json
-      // if there's a network error, it will throw at the previous line
-      const data = await response.json()
-      if (response.ok) {
-        return data
-      }
-      const error = new Error(response.statusText)
-      error.response = response
-      error.data = data
-      throw error
-    } catch (error) {
-      if (!error.data) {
-        error.data = { message: error.message }
-      }
-      throw error
-    }
+/**
+ * It fetches a json response, and if the response is not ok, it throws an error with the response and
+ * the data
+ * @param args - The arguments to pass to fetch.
+ */
+export const fetchJson = async (...args) =>  {
+    try {
+      const response = await fetch(...args)
+      // if the server replies, there's always some data in json
+      // if there's a network error, it will throw at the previous line
+      const data = await response.json()
+      if (response.ok) {
+        return data
+      }
+      const error = new Error(response.statusText)
+      error.response = response
+      error.data = data
+      throw error
+    } catch (error) {
+      if (!error.data) {
+        error.data = { message: error.message }
+      }
+      throw error
+    }
   }