npm-pkg-hook 1.1.5 → 1.1.9

package/src/hooks/useScheduleData/index.js

@@ -1,171 +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 ? 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
-    let columnIndex = 0;
-    let 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 = 100;
-    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 MINUTES_THRESHOLDS = [1, 2, 3, 4, 5, 15, 30]; // Define los umbrales de minutos para agrupar
-
-    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 groupedHours = [];
-    let currentGroup = [sortedUniqueHours[0]];
-    
-    for (let i = 1; i < sortedUniqueHours.length; i++) {
-      const prevTime = new Date(`2023-08-01 ${sortedUniqueHours[i - 1]}`);
-      const currentTime = new Date(`2023-08-01 ${sortedUniqueHours[i]}`);
-      const timeDifference = (currentTime - prevTime) / (1000 * 60);
-    
-      let shouldGroup = false;
-    
-      for (const threshold of MINUTES_THRESHOLDS) {
-        if (timeDifference <= threshold) {
-          shouldGroup = true;
-          break;
-        }
-      }
-    
-      if (shouldGroup) {
-        currentGroup.push(sortedUniqueHours[i]);
-      } else {
-        if (currentGroup.length > 2) {
-          groupedHours.push(currentGroup.join(' - '));
-        } else {
-          groupedHours.push(...currentGroup);
-        }
-        currentGroup = [sortedUniqueHours[i]];
-      }
-    }
-    
-    if (currentGroup.length > 2) {
-      groupedHours.push(currentGroup.join(' - '));
-    } else {
-      groupedHours.push(...currentGroup);
-    }
-    
-    const combinedHours = groupedHours.reduce((acc, group) => {
-      if (group.includes('-')) {
-        acc.push(group);
-      } else {
-        acc.push(...group.split(' - '));
-      }
-      return acc;
-    }, []);
-    
-    const formattedHours = combinedHours;
-    
-    
-  function calculateTimeLinesHeight() {
-    const totalHours = uniqueHours.length;
-    return totalHours * 60; // Cada hora ocupa 60 píxeles de altura
-}
-    return {
-        columnIndex,
-        combinedArray: 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,57 +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,14 +1,16 @@
-// 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 }
+}

package/src/hooks/useSetSession/index.js

@@ -1,21 +1,21 @@
-import { Cookies } from "../../cookies"
+import { Cookies } from '../../cookies'
 
 export const useSetSession = () => {
-    const bookOptionsCookie = {
-        RESTAURANT: 'restaurant'
-    }
-    const handleSession = async (props) => {
-        try {
-            const { cookie } = props
-            for (const element of cookie) {
-                const { name, value } = element
-                if (value) {
-                    await Cookies.set(bookOptionsCookie[name], value)
-                }
-            }
-        } catch (error) {
-            throw new Error(error)
+  const bookOptionsCookie = {
+    RESTAURANT: 'restaurant'
+  }
+  const handleSession = async (props) => {
+    try {
+      const { cookie } = props
+      for (const element of cookie) {
+        const { name, value } = element
+        if (value) {
+          await Cookies.set(bookOptionsCookie[name], value)
         }
+      }
+    } catch (error) {
+      throw new Error(error)
     }
-    return [handleSession]
+  }
+  return [handleSession]
 }

package/src/hooks/useSetState/index.js

@@ -2,9 +2,9 @@ import { useEffect, useState } from 'react'
 
 export const useSetState = initialState => {
   const [state, setState] = useState(initialState)
-  const increase = () => {return setState(state + 1)}
-  const decrease = () => {return setState(state - 1)}
-  const reset = () => {return setState(0)}
+  const increase = () => { return setState(state + 1) }
+  const decrease = () => { return setState(state - 1) }
+  const reset = () => { return setState(0) }
   useEffect(() => {
     if (state === -1) return reset()
     return {}