npm-pkg-hook 1.0.2 → 1.0.4

package/src/hooks/useLocalSorage/index.js

@@ -1,36 +1,36 @@
-import { useState } from 'react'
-
-export default function useLocalStorage(key, initialValue) {
-  // const { setAlertBox } = useContext(Context)
-  // State to store our value
-  // Pass initial state function to useState so logic is only executed once
-  const [storedValue, setStoredValue] = useState(() => {
-    try {
-      // Get from local storage by key
-      const item = window.localStorage.getItem(key)
-      // Parse stored json or if none return initialValue
-      return item ? JSON.parse(item) : initialValue
-    } catch (error) {
-      // If error also return initialValue
-      return initialValue
-    }
-  })
-
-  // Return a wrapped version of useState's setter function that ...
-  // ... persists the new value to localStorage.
-  const setValue = value => {
-    try {
-      // Allow value to be a function so we have same API as useState
-      const valueToStore =
-        value instanceof Function ? value(storedValue) : value
-      // Save state
-      setStoredValue(valueToStore)
-      // Save to local storage
-      window.localStorage.setItem(key, JSON.stringify(valueToStore))
-    } catch (error) {
-      // A more advanced implementation would handle the error case
-    }
-  }
-
-  return [storedValue, setValue]
+import { useState } from 'react'
+
+export default function useLocalStorage(key, initialValue) {
+  // const { setAlertBox } = useContext(Context)
+  // State to store our value
+  // Pass initial state function to useState so logic is only executed once
+  const [storedValue, setStoredValue] = useState(() => {
+    try {
+      // Get from local storage by key
+      const item = window.localStorage.getItem(key)
+      // Parse stored json or if none return initialValue
+      return item ? JSON.parse(item) : initialValue
+    } catch (error) {
+      // If error also return initialValue
+      return initialValue
+    }
+  })
+
+  // Return a wrapped version of useState's setter function that ...
+  // ... persists the new value to localStorage.
+  const setValue = value => {
+    try {
+      // Allow value to be a function so we have same API as useState
+      const valueToStore =
+        value instanceof Function ? value(storedValue) : value
+      // Save state
+      setStoredValue(valueToStore)
+      // Save to local storage
+      window.localStorage.setItem(key, JSON.stringify(valueToStore))
+    } catch (error) {
+      // A more advanced implementation would handle the error case
+    }
+  }
+
+  return [storedValue, setValue]
 }

package/src/hooks/useLocationNavigate/index.js

@@ -1,54 +1,54 @@
-import { useState, useEffect } from 'react'
-
-const defaultSettings = {
-  enableHighAccuracy: false,
-  timeout: Infinity,
-  maximumAge: 0
-}
-
-export const usePosition = (watch = false, settings = defaultSettings) => {
-  const [position, setPosition] = useState({})
-  const [error, setError] = useState(null)
-
-  const onChange = ({ coords, timestamp }) => {
-    setPosition({
-      latitude: coords.latitude,
-      longitude: coords.longitude,
-      accuracy: coords.accuracy,
-      speed: coords.speed,
-      timestamp
-    })
-  }
-
-  const onError = () => {
-    setError(error?.message)
-  }
-
-  useEffect(() => {
-    if (!navigator || !navigator.geolocation) {
-      setError('Geolocation is not supported')
-      return
-    }
-
-    let watcher = null
-    if (watch) {
-      watcher = navigator.geolocation.watchPosition(
-        onChange,
-        onError,
-        settings
-      )
-    } else {
-      navigator.geolocation.getCurrentPosition(onChange, onError, settings)
-    }
-
-    return () => { return watcher && navigator.geolocation.clearWatch(watcher) }
-  }, [
-    settings,
-    settings.enableHighAccuracy,
-    settings.timeout,
-    settings.maximumAge,
-    watch
-  ])
-
-  return { ...position, error }
-}
+import { useEffect, useState } from 'react'
+
+const defaultSettings = {
+  enableHighAccuracy: false,
+  timeout: Infinity,
+  maximumAge: 0
+}
+
+export const usePosition = (watch = false, settings = defaultSettings) => {
+  const [position, setPosition] = useState({})
+  const [error, setError] = useState(null)
+
+  const onChange = ({ coords, timestamp }) => {
+    setPosition({
+      latitude: coords.latitude,
+      longitude: coords.longitude,
+      accuracy: coords.accuracy,
+      speed: coords.speed,
+      timestamp
+    })
+  }
+
+  const onError = () => {
+    setError(error?.message)
+  }
+
+  useEffect(() => {
+    if (!navigator || !navigator.geolocation) {
+      setError('Geolocation is not supported')
+      return
+    }
+
+    let watcher = null
+    if (watch) {
+      watcher = navigator.geolocation.watchPosition(
+        onChange,
+        onError,
+        settings
+      )
+    } else {
+      navigator.geolocation.getCurrentPosition(onChange, onError, settings)
+    }
+
+    return () => { return watcher && navigator.geolocation.clearWatch(watcher) }
+  }, [
+    settings,
+    settings.enableHighAccuracy,
+    settings.timeout,
+    settings.maximumAge,
+    watch
+  ])
+
+  return { ...position, error }
+}

package/src/hooks/useMobile/index.js

@@ -1,38 +1,38 @@
-import { useEffect, useState } from 'react'
-
-export const useMobile = (props) => {
-    const { callBack = () => { return null; } } = props || {};
-    const [innerHeight, setInnerHeight] = useState();
-    const [innerWidth, setInnerWidth] = useState();
-    let isMobile = false;
-    useEffect(() => {
-        setInnerHeight(window.innerHeight);
-        setInnerWidth(window.innerWidth);
-        callBack();
-    }, []);
-    useEffect(() => {
-        const handleResize = () => {
-            if (!isNaN(window === null || window === void 0 ? void 0 : window.innerHeight) && (window === null || window === void 0 ? void 0 : window.innerHeight) != innerHeight) {
-                setInnerHeight(window.innerHeight);
-            }
-            if (!isNaN(window.innerWidth) && window.innerWidth != innerWidth) {
-                setInnerWidth(window.innerWidth);
-            }
-            callBack();
-        };
-        if (typeof window !== 'undefined') {
-            window.addEventListener('resize', handleResize);
-        }
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    });
-    if (typeof window !== 'undefined' && /Mobile/i.test((navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || (navigator === null || navigator === void 0 ? void 0 : navigator.vendor))) {
-        isMobile = true;
-    }
-    return {
-        isMobile,
-        innerHeight,
-        innerWidth
-    };
+import { useEffect, useState } from 'react';
+
+export const useMobile = (props) => {
+    const { callBack = () => { return null; } } = props || {};
+    const [innerHeight, setInnerHeight] = useState();
+    const [innerWidth, setInnerWidth] = useState();
+    let isMobile = false;
+    useEffect(() => {
+        setInnerHeight(window.innerHeight);
+        setInnerWidth(window.innerWidth);
+        callBack();
+    }, []);
+    useEffect(() => {
+        const handleResize = () => {
+            if (!isNaN(window === null || window === void 0 ? void 0 : window.innerHeight) && (window === null || window === void 0 ? void 0 : window.innerHeight) != innerHeight) {
+                setInnerHeight(window.innerHeight);
+            }
+            if (!isNaN(window.innerWidth) && window.innerWidth != innerWidth) {
+                setInnerWidth(window.innerWidth);
+            }
+            callBack();
+        };
+        if (typeof window !== 'undefined') {
+            window.addEventListener('resize', handleResize);
+        }
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    });
+    if (typeof window !== 'undefined' && /Mobile/i.test((navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || (navigator === null || navigator === void 0 ? void 0 : navigator.vendor))) {
+        isMobile = true;
+    }
+    return {
+        isMobile,
+        innerHeight,
+        innerWidth
+    };
 };

package/src/hooks/useMutateHeight/index.js

@@ -0,0 +1,37 @@
+import {
+  useEffect,
+  useRef,
+  useState
+} from 'react';
+
+
+export const  useMutateHeight = ({ isCollapsed = false }) => {
+  const [collapsed, setCollapsed] = useState(isCollapsed);
+  const childrenContainerRef = useRef(null);
+
+  useEffect(() => {
+    setCollapsed(isCollapsed);
+    if (childrenContainerRef.current !== null) {
+      const height = isCollapsed
+        ? childrenContainerRef.current.scrollHeight
+        : 0;
+      childrenContainerRef.current.style.height = `${height}px`;
+    }
+  }, [isCollapsed]);
+
+  const handleCollapsed = visible => {
+    setCollapsed(visible);
+    if (childrenContainerRef.current !== null) {
+      const height = visible ? childrenContainerRef.current.scrollHeight : 0;
+      childrenContainerRef.current.style.height = `${height}px`;
+    }
+  };
+
+  return {
+    handleCollapsed,
+    childrenContainerRef,
+    collapsed
+  };
+};
+
+// https://codesandbox.io/s/dropdown-navigation-9fx6r?file=/src/Navigation/Navigation.js:357-775

package/src/hooks/useProductsFood/index.js

@@ -0,0 +1,190 @@
+import {
+  useLazyQuery,
+  useMutation,
+  useQuery
+} from '@apollo/client'
+import { useEffect, useState } from 'react'
+import {
+  GET_ALL_EXTRA_PRODUCT,
+  GET_ALL_PRODUCT_STORE,
+  GET_EXTRAS_PRODUCT_FOOD_OPTIONAL,
+  GET_ONE_PRODUCTS_FOOD,
+  UPDATE_PRODUCT_FOOD
+} from './queriesStore'
+
+/**
+ * Description
+ * @param {any} categories
+ * @param {any} desc
+ * @param {any} fetchPolicy='network-only'
+ * @param {any} fromDate
+ * @param {any} gender
+ * @param {any} max=50
+ * @param {any} min
+ * @param {any} pState
+ * @param {any} search=null
+ * @param {any} toDate
+ * @returns {any}
+ */
+export const useProductsFood = ({
+  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
+    }
+  ]
+}
+
+export const useDeleteProductsFood = () => {
+  const [updateProductFoods] = useMutation(UPDATE_PRODUCT_FOOD)
+
+  const handleDelete = product => {
+    const { pId, pState } = product || {}
+    updateProductFoods({
+      variables: {
+        input: {
+          pId,
+          pState
+        }
+      }, update(cache) {
+        cache.modify({
+          fields: {
+            productFoodsAll(dataOld = []) {
+              return cache.writeQuery({ query: GET_ALL_PRODUCT_STORE, data: dataOld })
+            }
+          }
+        })
+        cache.modify({
+          fields: {
+            getCatProductsWithProduct(dataOld = []) {
+              return cache.writeQuery({ query: GET_ALL_CATEGORIES_WITH_PRODUCT, data: dataOld })
+            }
+          }
+        })
+      }
+    }).catch(err => { return console.log({ message: `${err}`, duration: 7000 }) })
+  }
+  return {
+    handleDelete
+  }
+}
+
+
+export const useExtProductFoodsAll = () => {
+  const [ExtProductFoodsAll,
+    {
+      data,
+      loading,
+      error
+    }
+  ] = useLazyQuery(GET_ALL_EXTRA_PRODUCT)
+
+  const handleExtProductFoodsAll = (pId) => {
+    ExtProductFoodsAll({
+      variables: {
+        pId
+      }
+    })
+  }
+  return [handleExtProductFoodsAll,
+    {
+  data: data?.ExtProductFoodsAll || [],
+  loading,
+  error
+    }
+  ]
+}
+export const useExtProductFoodsOptionalAll = () => {
+
+const [ExtProductFoodsOptionalAll,
+  {
+  data,
+  loading,
+  error
+}] = useLazyQuery(GET_EXTRAS_PRODUCT_FOOD_OPTIONAL)
+
+  const handleGetExtProductFood = (pId) => {
+    try {
+      ExtProductFoodsOptionalAll({
+        variables: {
+          pId
+        }
+      })
+    } catch (e) {
+      console.log(e)
+    }
+  }
+  return [handleGetExtProductFood,
+    {
+    data: data?.ExtProductFoodsOptionalAll || [],
+    loading,
+    error,
+  }]
+}
+
+
+export const useGetOneProductsFood = () => {
+  const [productFoodsOne,
+    {
+    data,
+    loading,
+    error
+}] = useLazyQuery(GET_ONE_PRODUCTS_FOOD)
+  const [handleGetExtProductFood, { data: dataOptional }] = useExtProductFoodsOptionalAll()
+  const [handleExtProductFoodsAll, { data: dataExtra }] = useExtProductFoodsAll()
+  const handleGetOneProduct = (food) => {
+    const { pId } = food
+    try {
+      productFoodsOne({
+        variables: {
+          pId: pId
+        }
+      })
+      handleGetExtProductFood(pId)
+      handleExtProductFoodsAll(pId)
+    } catch (e) {
+      console.log(e)
+    }
+  }
+  return [handleGetOneProduct, {
+    data: data?.productFoodsOne || {},
+    dataExtra,
+    dataOptional,
+    loading,
+    error,
+  }]
+}