npm-pkg-hook 1.3.6 → 1.3.8

package/src/hooks/useSchedule/index.js

@@ -1,72 +1,72 @@
-import { useQuery, useMutation } from '@apollo/client'
-import {
-  GET_ONE_SCHEDULE_STORE,
-  GET_SCHEDULE_STORE,
-  CREATE_STORE_CALENDAR,
-  SET_STATUS_ALL_SCHEDULE_STORE
-} from './queries'
-
-export const useSchedule = ({ day = null, idStore = '' }) => {
-  const {
-    data,
-    loading,
-    error
-  } = useQuery(GET_ONE_SCHEDULE_STORE, { variables: { schDay: day, idStore } })
-
-  return [data?.getOneStoreSchedules, { loading, error }]
-}
-
-export const useSetScheduleOpenAll = () => {
-  const [setStoreSchedule, { loading, error }] = useMutation(SET_STATUS_ALL_SCHEDULE_STORE, {
-    onError: (e) => {
-      console.error(e);
-    }
-  });
-
-  const handleSetStoreSchedule = (scheduleOpenAll) => {
-    setStoreSchedule({
-      variables: {
-        scheduleOpenAll: scheduleOpenAll
-      }, update: (cache, { data }) => {
-        const success = data?.setScheduleOpenAll?.success
-        if (success) {
-          cache.modify({
-            fields: {
-              getStore (_, { readField }) {
-                const store = readField('getStore')
-                const updatedCart = {
-                  ...store,
-                  scheduleOpenAll: scheduleOpenAll
-                  }
-                  return updatedCart
-              }
-            }
-          })
-        }
-      }
-    });
-  };
-
-  return [handleSetStoreSchedule, { loading, error }];
-};
-
-
-export const useSchedules = ({ schDay = 1, idStore = '' }) => {
-  const {
-    data,
-    loading,
-    error
-  } = useQuery(GET_SCHEDULE_STORE, { variables: { schDay, idStore } })
-
-  return [data?.getStoreSchedules, { loading, error }]
-}
-
-export const useCreateSchedules = () => {
-  const [setStoreSchedule, { loading, error }] = useMutation(CREATE_STORE_CALENDAR, {
-    onError: (e) => {
-      console.error(e)
-    }
-  })
-
-  return [setStoreSchedule, { loading, error }]
-}
+import { useQuery, useMutation } from '@apollo/client'
+import {
+  GET_ONE_SCHEDULE_STORE,
+  GET_SCHEDULE_STORE,
+  CREATE_STORE_CALENDAR,
+  SET_STATUS_ALL_SCHEDULE_STORE
+} from './queries'
+
+export const useSchedule = ({ day = null, idStore = '' }) => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_ONE_SCHEDULE_STORE, { variables: { schDay: day, idStore } })
+
+  return [data?.getOneStoreSchedules, { loading, error }]
+}
+
+export const useSetScheduleOpenAll = () => {
+  const [setStoreSchedule, { loading, error }] = useMutation(SET_STATUS_ALL_SCHEDULE_STORE, {
+    onError: (e) => {
+      console.error(e);
+    }
+  });
+
+  const handleSetStoreSchedule = (scheduleOpenAll) => {
+    setStoreSchedule({
+      variables: {
+        scheduleOpenAll: scheduleOpenAll
+      }, update: (cache, { data }) => {
+        const success = data?.setScheduleOpenAll?.success
+        if (success) {
+          cache.modify({
+            fields: {
+              getStore (_, { readField }) {
+                const store = readField('getStore')
+                const updatedCart = {
+                  ...store,
+                  scheduleOpenAll: scheduleOpenAll
+                  }
+                  return updatedCart
+              }
+            }
+          })
+        }
+      }
+    });
+  };
+
+  return [handleSetStoreSchedule, { loading, error }];
+};
+
+
+export const useSchedules = ({ schDay = 1, idStore = '' }) => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_SCHEDULE_STORE, { variables: { schDay, idStore } })
+
+  return [data?.getStoreSchedules, { loading, error }]
+}
+
+export const useCreateSchedules = () => {
+  const [setStoreSchedule, { loading, error }] = useMutation(CREATE_STORE_CALENDAR, {
+    onError: (e) => {
+      console.error(e)
+    }
+  })
+
+  return [setStoreSchedule, { loading, error }]
+}

package/src/hooks/useSchedule/index.jsx

@@ -1,23 +1,23 @@
-import { useQuery } from '@apollo/client'
-import { GET_ONE_SCHEDULE_STORE, GET_SCHEDULE_STORE } from '../useProductsFood/queriesStore'
-
-export const useSchedule = ({ day = null, idStore = '' }) => {
-  const {
-    data,
-    loading,
-    error
-  } = useQuery(GET_ONE_SCHEDULE_STORE, { variables: { schDay: day, idStore } })
-
-  return [data?.getOneStoreSchedules, { loading, error }]
-}
-
-export const useSchedules = ({ schDay = 1, idStore = '' }) => {
-  const {
-    data,
-    loading,
-    error
-  } = useQuery(GET_SCHEDULE_STORE, { variables: { schDay: schDay, idStore } })
-
-
-  return [data?.getStoreSchedules, { loading, error }]
+import { useQuery } from '@apollo/client'
+import { GET_ONE_SCHEDULE_STORE, GET_SCHEDULE_STORE } from '../useProductsFood/queriesStore'
+
+export const useSchedule = ({ day = null, idStore = '' }) => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_ONE_SCHEDULE_STORE, { variables: { schDay: day, idStore } })
+
+  return [data?.getOneStoreSchedules, { loading, error }]
+}
+
+export const useSchedules = ({ schDay = 1, idStore = '' }) => {
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(GET_SCHEDULE_STORE, { variables: { schDay: schDay, idStore } })
+
+
+  return [data?.getStoreSchedules, { loading, error }]
 }

package/src/hooks/useSchedule/queries.js

@@ -1,43 +1,43 @@
-import { gql } from '@apollo/client'
-
-export const CREATE_STORE_CALENDAR = gql`
-mutation  setStoreSchedule($input: ITstoreSchedule!){
-  setStoreSchedule(input: $input){
-    message
-    success
-  }
-}
-`
-export const GET_SCHEDULE_STORE = gql`
-  query getStoreSchedules($schDay: Int, $idStore: ID) {
-    getStoreSchedules(schDay: $schDay, idStore: $idStore) {
-      schId
-      idStore
-      schDay
-      schHoSta
-      schHoEnd
-      schState
-    }
-  }
-`
-
-export const GET_ONE_SCHEDULE_STORE = gql`
-  query getOneStoreSchedules($schDay: Int, $idStore: ID) {
-    getOneStoreSchedules(schDay: $schDay, idStore: $idStore) {
-      schId
-      schDay
-      schHoSta
-      schHoEnd
-      schState
-    }
-  }
-`
-
-export const SET_STATUS_ALL_SCHEDULE_STORE = gql`
-mutation setScheduleOpenAll($scheduleOpenAll: Boolean!) {
-  setScheduleOpenAll(scheduleOpenAll: $scheduleOpenAll) {
-    success
-    message
-  }
-}
-`
+import { gql } from '@apollo/client'
+
+export const CREATE_STORE_CALENDAR = gql`
+mutation  setStoreSchedule($input: ITstoreSchedule!){
+  setStoreSchedule(input: $input){
+    message
+    success
+  }
+}
+`
+export const GET_SCHEDULE_STORE = gql`
+  query getStoreSchedules($schDay: Int, $idStore: ID) {
+    getStoreSchedules(schDay: $schDay, idStore: $idStore) {
+      schId
+      idStore
+      schDay
+      schHoSta
+      schHoEnd
+      schState
+    }
+  }
+`
+
+export const GET_ONE_SCHEDULE_STORE = gql`
+  query getOneStoreSchedules($schDay: Int, $idStore: ID) {
+    getOneStoreSchedules(schDay: $schDay, idStore: $idStore) {
+      schId
+      schDay
+      schHoSta
+      schHoEnd
+      schState
+    }
+  }
+`
+
+export const SET_STATUS_ALL_SCHEDULE_STORE = gql`
+mutation setScheduleOpenAll($scheduleOpenAll: Boolean!) {
+  setScheduleOpenAll(scheduleOpenAll: $scheduleOpenAll) {
+    success
+    message
+  }
+}
+`

package/src/hooks/useScheduleData/index.js

@@ -1,123 +1,123 @@
-export function useScheduleData (data) {
-  const days = {
-    1: 'Lunes',
-    2: 'Martes',
-    3: 'Miércoles',
-    4: 'Jueves',
-    5: 'Viernes',
-    6: 'Sabado',
-    0: 'Domingo'
-  }
-
-  const daysArray = [
-    { day: 0, schHoSta: '', schHoEnd: '' },
-    { day: 1, schHoSta: '', schHoEnd: '' },
-    { day: 2, schHoSta: '', schHoEnd: '' },
-    { day: 3, schHoSta: '', schHoEnd: '' },
-    { day: 4, schHoSta: '', schHoEnd: '' },
-    { day: 5, schHoSta: '', schHoEnd: '' },
-    { day: 6, schHoSta: '', schHoEnd: '' }
-  ]
-
-  const combinedArray = daysArray.map((dayObj) => {
-    const originalObj = data?.find((item) => item.schDay === dayObj.day)
-    return originalObj || { ...dayObj }
-  })
-
-  // Encontrar la hora de inicio más temprana en combinedArray
-  const earliestStartTime = Math.min(
-    ...combinedArray.map((item) => {
-      const time = new Date(`2023-08-01 ${item.schHoSta}`)
-      return time.getTime()
-    })
-  )
-
-  const calculateYPosition = (start) => {
-    const time = new Date(`2023-08-01 ${start}`)
-    const differenceInMinutes = (time.getTime() - earliestStartTime) / (1000 * 40)
-    return differenceInMinutes / 40 // Ajusta el valor para adaptarse a la posición deseada en el eje Y
-  }
-
-  /**
-     * Calcula la duración en horas entre dos horas de inicio y final.
-     * @param {string} startTime - Hora de inicio en formato 'HH:mm'.
-     * @param {string} endTime - Hora de fin en formato 'HH:mm'.
-     * @returns {number} Duración en horas con dos decimales.
-     */
-
-  // Función para calcular la duración en horas de un horario
-  function calculateDurationInHours (startTime, endTime) {
-    const startHour = new Date(`2000-01-01T${startTime}`)
-    const endHour = new Date(`2000-01-01T${endTime}`)
-    const duration = (endHour - startHour) / (1000 * 40 * 40) // Convertir la diferencia en horas
-    return duration.toFixed(2) // Redondear a 2 decimales
-  }
-
-  // Variables para controlar la posición en el eje X
-  const columnIndex = 0
-  const lastDay = -1
-  const uniqueHoursSet = new Set([
-    ...combinedArray.map((item) => item.schHoSta),
-    ...combinedArray.map((item) => item.schHoEnd)
-  ])
-
-  const uniqueHours = []
-  for (const hour of uniqueHoursSet) {
-    const time = new Date(`2023-08-01 ${hour}`)
-    const formattedHour = time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false })
-    uniqueHours.push(formattedHour)
-  }
-
-  uniqueHours.sort((a, b) => {
-    const timeA = new Date(`2023-08-01 ${a}`)
-    const timeB = new Date(`2023-08-01 ${b}`)
-    return timeA - timeB
-  })
-
-  // Agregar las horas que faltan al final del día
-  if (uniqueHours.length > 0) {
-    const lastHour = new Date(`2023-08-01 ${uniqueHours[uniqueHours.length - 1]}`)
-    const endTime = new Date(`2023-08-01 ${combinedArray[0].schHoEnd}`)
-    const hoursDifference = (endTime - lastHour) / (1000 * 60 * 60)
-
-    for (let i = 1; i <= hoursDifference; i++) {
-      const newHour = new Date(lastHour.getTime() + i * 60 * 60 * 1000)
-      const formattedNewHour = newHour.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false })
-      uniqueHours.push(formattedNewHour)
-    }
-  }
-
-  const dayWidth = 120
-  const daysWithHours = Array.from(new Set(combinedArray.map((item) => (item.schDay !== undefined ? item.schDay : item.day))))
-  const totalDays = daysWithHours.length
-  const totalWidth = totalDays * dayWidth
-
-  const sortedUniqueHours = Array.from(uniqueHoursSet)
-    .sort((a, b) => {
-      const timeA = new Date(`2023-08-01 ${a}`)
-      const timeB = new Date(`2023-08-01 ${b}`)
-      return timeA - timeB
-    })
-
-  const formattedHours = sortedUniqueHours
-
-  function calculateTimeLinesHeight () {
-    const totalHours = uniqueHours.length
-    return totalHours * 60 // Cada hora ocupa 60 píxeles de altura
-  }
-  return {
-    columnIndex,
-    combinedArray,
-    days,
-    daysArray,
-    daysWithHours,
-    dayWidth,
-    lastDay,
-    totalWidth,
-    sortedUniqueHours,
-    uniqueHours: formattedHours,
-    calculateDurationInHours,
-    calculateTimeLinesHeight,
-    calculateYPosition
-  }
-}
+export function useScheduleData (data) {
+  const days = {
+    1: 'Lunes',
+    2: 'Martes',
+    3: 'Miércoles',
+    4: 'Jueves',
+    5: 'Viernes',
+    6: 'Sabado',
+    0: 'Domingo'
+  }
+
+  const daysArray = [
+    { day: 0, schHoSta: '', schHoEnd: '' },
+    { day: 1, schHoSta: '', schHoEnd: '' },
+    { day: 2, schHoSta: '', schHoEnd: '' },
+    { day: 3, schHoSta: '', schHoEnd: '' },
+    { day: 4, schHoSta: '', schHoEnd: '' },
+    { day: 5, schHoSta: '', schHoEnd: '' },
+    { day: 6, schHoSta: '', schHoEnd: '' }
+  ]
+
+  const combinedArray = daysArray.map((dayObj) => {
+    const originalObj = data?.find((item) => item.schDay === dayObj.day)
+    return originalObj || { ...dayObj }
+  })
+
+  // Encontrar la hora de inicio más temprana en combinedArray
+  const earliestStartTime = Math.min(
+    ...combinedArray.map((item) => {
+      const time = new Date(`2023-08-01 ${item.schHoSta}`)
+      return time.getTime()
+    })
+  )
+
+  const calculateYPosition = (start) => {
+    const time = new Date(`2023-08-01 ${start}`)
+    const differenceInMinutes = (time.getTime() - earliestStartTime) / (1000 * 40)
+    return differenceInMinutes / 40 // Ajusta el valor para adaptarse a la posición deseada en el eje Y
+  }
+
+  /**
+     * Calcula la duración en horas entre dos horas de inicio y final.
+     * @param {string} startTime - Hora de inicio en formato 'HH:mm'.
+     * @param {string} endTime - Hora de fin en formato 'HH:mm'.
+     * @returns {number} Duración en horas con dos decimales.
+     */
+
+  // Función para calcular la duración en horas de un horario
+  function calculateDurationInHours (startTime, endTime) {
+    const startHour = new Date(`2000-01-01T${startTime}`)
+    const endHour = new Date(`2000-01-01T${endTime}`)
+    const duration = (endHour - startHour) / (1000 * 40 * 40) // Convertir la diferencia en horas
+    return duration.toFixed(2) // Redondear a 2 decimales
+  }
+
+  // Variables para controlar la posición en el eje X
+  const columnIndex = 0
+  const lastDay = -1
+  const uniqueHoursSet = new Set([
+    ...combinedArray.map((item) => item.schHoSta),
+    ...combinedArray.map((item) => item.schHoEnd)
+  ])
+
+  const uniqueHours = []
+  for (const hour of uniqueHoursSet) {
+    const time = new Date(`2023-08-01 ${hour}`)
+    const formattedHour = time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false })
+    uniqueHours.push(formattedHour)
+  }
+
+  uniqueHours.sort((a, b) => {
+    const timeA = new Date(`2023-08-01 ${a}`)
+    const timeB = new Date(`2023-08-01 ${b}`)
+    return timeA - timeB
+  })
+
+  // Agregar las horas que faltan al final del día
+  if (uniqueHours.length > 0) {
+    const lastHour = new Date(`2023-08-01 ${uniqueHours[uniqueHours.length - 1]}`)
+    const endTime = new Date(`2023-08-01 ${combinedArray[0].schHoEnd}`)
+    const hoursDifference = (endTime - lastHour) / (1000 * 60 * 60)
+
+    for (let i = 1; i <= hoursDifference; i++) {
+      const newHour = new Date(lastHour.getTime() + i * 60 * 60 * 1000)
+      const formattedNewHour = newHour.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false })
+      uniqueHours.push(formattedNewHour)
+    }
+  }
+
+  const dayWidth = 120
+  const daysWithHours = Array.from(new Set(combinedArray.map((item) => (item.schDay !== undefined ? item.schDay : item.day))))
+  const totalDays = daysWithHours.length
+  const totalWidth = totalDays * dayWidth
+
+  const sortedUniqueHours = Array.from(uniqueHoursSet)
+    .sort((a, b) => {
+      const timeA = new Date(`2023-08-01 ${a}`)
+      const timeB = new Date(`2023-08-01 ${b}`)
+      return timeA - timeB
+    })
+
+  const formattedHours = sortedUniqueHours
+
+  function calculateTimeLinesHeight () {
+    const totalHours = uniqueHours.length
+    return totalHours * 60 // Cada hora ocupa 60 píxeles de altura
+  }
+  return {
+    columnIndex,
+    combinedArray,
+    days,
+    daysArray,
+    daysWithHours,
+    dayWidth,
+    lastDay,
+    totalWidth,
+    sortedUniqueHours,
+    uniqueHours: formattedHours,
+    calculateDurationInHours,
+    calculateTimeLinesHeight,
+    calculateYPosition
+  }
+}

package/src/hooks/useScroll/index.js

@@ -1,56 +1,56 @@
-import { useEffect, useState } from 'react'
-
-export const useScrollY = () => {
-  // Función scroll Para mover verticalmente
-  const [offsetY, setOffsetY] = useState(0)
-  const handleScroll = () => { return setOffsetY(window.pageYOffset) }
-
-  useEffect(() => {
-    window.addEventListener('scroll', handleScroll)
-    return () => { return window.removeEventListener('scroll', handleScroll) }
-  }, [])
-  return {
-    offsetY
-  }
-}
-
-export const useScrollColor = () => {
-  const [scrollNav, setScrollNav] = useState(false)
-  const changeNav = () => {
-    if (window?.scrollY >= 1) {
-      setScrollNav(true)
-    } else {
-      setScrollNav(false)
-    }
-  }
-  useEffect(() => {
-    window.addEventListener('scroll', changeNav)
-  }, [])
-  return {
-    scrollNav
-  }
-}
-
-export const useScrollHook = () => {
-  const [style, setStyle] = useState({})
-
-  useEffect(() => {
-    let scrollPos = 0
-    const handleChangeHeaderStyle = () => {
-      if (document.body?.getBoundingClientRect && document.body.getBoundingClientRect().top > scrollPos) {
-        setStyle({})
-      } else {
-        setStyle({ transform: 'translateY(-300%)' })
-      }
-      scrollPos = document.body.getBoundingClientRect().top
-    }
-
-    window.addEventListener('scroll', handleChangeHeaderStyle)
-
-    return () => {
-      window.removeEventListener('scroll', handleChangeHeaderStyle)
-    }
-  }, [])
-
-  return style
-}
+import { useEffect, useState } from 'react'
+
+export const useScrollY = () => {
+  // Función scroll Para mover verticalmente
+  const [offsetY, setOffsetY] = useState(0)
+  const handleScroll = () => { return setOffsetY(window.pageYOffset) }
+
+  useEffect(() => {
+    window.addEventListener('scroll', handleScroll)
+    return () => { return window.removeEventListener('scroll', handleScroll) }
+  }, [])
+  return {
+    offsetY
+  }
+}
+
+export const useScrollColor = () => {
+  const [scrollNav, setScrollNav] = useState(false)
+  const changeNav = () => {
+    if (window?.scrollY >= 1) {
+      setScrollNav(true)
+    } else {
+      setScrollNav(false)
+    }
+  }
+  useEffect(() => {
+    window.addEventListener('scroll', changeNav)
+  }, [])
+  return {
+    scrollNav
+  }
+}
+
+export const useScrollHook = () => {
+  const [style, setStyle] = useState({})
+
+  useEffect(() => {
+    let scrollPos = 0
+    const handleChangeHeaderStyle = () => {
+      if (document.body?.getBoundingClientRect && document.body.getBoundingClientRect().top > scrollPos) {
+        setStyle({})
+      } else {
+        setStyle({ transform: 'translateY(-300%)' })
+      }
+      scrollPos = document.body.getBoundingClientRect().top
+    }
+
+    window.addEventListener('scroll', handleChangeHeaderStyle)
+
+    return () => {
+      window.removeEventListener('scroll', handleChangeHeaderStyle)
+    }
+  }, [])
+
+  return style
+}

package/src/hooks/useScrollRotate/index.js

@@ -1,16 +1,16 @@
-import { useEffect, useState } from 'react'
-
-// Función scroll Para rotar
-export const useScrollRotate = () => {
-  const [position, setPosition] = useState(0)
-
-  useEffect(() => {
-    const handleScroll = () => { return setPosition(window.scrollY) }
-    window.addEventListener('scroll', handleScroll)
-    return () => {
-      window.removeEventListener('scroll', handleScroll)
-    }
-  }, [])
-
-  return { position }
-}
+import { useEffect, useState } from 'react'
+
+// Función scroll Para rotar
+export const useScrollRotate = () => {
+  const [position, setPosition] = useState(0)
+
+  useEffect(() => {
+    const handleScroll = () => { return setPosition(window.scrollY) }
+    window.addEventListener('scroll', handleScroll)
+    return () => {
+      window.removeEventListener('scroll', handleScroll)
+    }
+  }, [])
+
+  return { position }
+}