npm-pkg-hook 1.1.5 → 1.1.8

package/src/hooks/useImagesStore/index.js

@@ -1,169 +1,169 @@
-import { useMutation } from '@apollo/client';
+import { useMutation } from '@apollo/client'
 import {
   useRef,
   useState
-} from 'react';
+} from 'react'
 import {
   CREATE_BANNER_STORE,
   CREATE_LOGO,
   DELETE_ONE_BANNER_STORE,
   DELETE_ONE_LOGO_STORE,
   GET_ONE_BANNER_STORE
-} from '../useProductsFood/queriesStore';
-import { GET_ONE_STORE } from '../useStore/queries';
+} from '../useProductsFood/queriesStore'
+import { GET_ONE_STORE } from '../useStore/queries'
 export { GET_MIN_PEDIDO } from './queries'
 
-export const useImageStore = ({ idStore, sendNotification = () => { return } } = {}) => {
-    // STATES
-    const fileInputRef = useRef(null)
-    const [{ altLogo, srcLogo }, setPreviewImgLogo] = useState({})
-    const initialState = { alt: '/images/DEFAULTBANNER.png', src: '/images/DEFAULTBANNER.png' }
-    const [{ alt, src }, setPreviewImg] = useState(initialState)
-    const fileInputRefLogo = useRef(null)
-    // HOOKS
-    const [registerBanner] = useMutation(CREATE_BANNER_STORE, {
-        onCompleted: (data) => { return console.log({ message: data?.registerBanner?.message }) },
-        context: { clientName: 'admin-server' }
-    })
-    const [setALogoStore] = useMutation(CREATE_LOGO, {
+export const useImageStore = ({ idStore, sendNotification = () => { } } = {}) => {
+  // STATES
+  const fileInputRef = useRef(null)
+  const [{ altLogo, srcLogo }, setPreviewImgLogo] = useState({})
+  const initialState = { alt: '/images/DEFAULTBANNER.png', src: '/images/DEFAULTBANNER.png' }
+  const [{ alt, src }, setPreviewImg] = useState(initialState)
+  const fileInputRefLogo = useRef(null)
+  // HOOKS
+  const [registerBanner] = useMutation(CREATE_BANNER_STORE, {
+    onCompleted: (data) => { return console.log({ message: data?.registerBanner?.message }) },
+    context: { clientName: 'admin-server' }
+  })
+  const [setALogoStore] = useMutation(CREATE_LOGO, {
     onCompleted: (data) => { return console.log({ message: data?.setALogoStore?.message }) },
     context: { clientName: 'admin-server' }
-    })
-    const [DeleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
-        onCompleted: (data) => { return console.log({ message: data?.DeleteOneBanner?.message }) },
-        context: { clientName: 'admin-server' }
-    })
-    const [deleteALogoStore] = useMutation(DELETE_ONE_LOGO_STORE, {
-        onCompleted: (data) => {
-        console.log({
-            message: data.deleteALogoStore.message
-        })
-        setPreviewImgLogo(initialState)
-        },
-        context: { clientName: 'admin-server' },
-        update(cache) {
-        cache.modify({
-            fields: {
-            getStore(dataOld = []) {
-                return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
-            }
-            }
-        })
+  })
+  const [DeleteOneBanner] = useMutation(DELETE_ONE_BANNER_STORE, {
+    onCompleted: (data) => { return console.log({ message: data?.DeleteOneBanner?.message }) },
+    context: { clientName: 'admin-server' }
+  })
+  const [deleteALogoStore] = useMutation(DELETE_ONE_LOGO_STORE, {
+    onCompleted: (data) => {
+      console.log({
+        message: data.deleteALogoStore.message
+      })
+      setPreviewImgLogo(initialState)
+    },
+    context: { clientName: 'admin-server' },
+    update (cache) {
+      cache.modify({
+        fields: {
+          getStore (dataOld = []) {
+            return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
+          }
         }
-    })
-//   HANDLESS
-    const handleDeleteLogo = () => {
-        return deleteALogoStore({
-            variables: {
-            Image: ImageName || null
-            }
-        })
+      })
     }
+  })
+  //   HANDLESS
+  const handleDeleteLogo = () => {
+    return deleteALogoStore({
+      variables: {
+        Image: ''
+      }
+    })
+  }
 
-    const handleUpdateBanner = event => {
-        try {
-          const { files } = event.target
-          setPreviewImg(
-            files.length
-              ? {
-                src: URL.createObjectURL(files[0]),
-                alt: files[0].name
-              }
-              : initialState
-          )
-          registerBanner({
-            variables: {
-              input: {
-                bnImage: files[0],
-                idStore: idStore
+  const handleUpdateBanner = event => {
+    try {
+      const { files } = event.target
+      setPreviewImg(
+        files.length
+          ? {
+              src: URL.createObjectURL(files[0]),
+              alt: files[0].name
+            }
+          : initialState
+      )
+      registerBanner({
+        variables: {
+          input: {
+            bnImage: files[0],
+            idStore
+          }
+        },
+        update (cache) {
+          cache.modify({
+            fields: {
+              getOneBanners (dataOld = []) {
+                return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld })
               }
-            }, update(cache) {
-              cache.modify({
-                fields: {
-                  getOneBanners(dataOld = []) {
-                    return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld })
-                  }
-                }
-              })
             }
-          }).catch(() => {
-            sendNotification({
-              title: 'No pudimos cargar la imagen',
-              description: 'Error',
-              backgroundColor: 'error'
-            })
-            setPreviewImg(initialState)
-          })
-        } catch {
-          setPreviewImg(initialState)
-          sendNotification({
-            title: 'No pudimos cargar la imagen',
-            description: 'Error',
-            backgroundColor: 'error'
           })
         }
-      }
-      const handleInputChangeLogo = event => {
-        const { files } = event.target
-        setPreviewImgLogo(
-          files.length
-            ? {
-              srcLogo: URL.createObjectURL(files[0]),
-              altLogo: files[0].name
+      }).catch(() => {
+        sendNotification({
+          title: 'No pudimos cargar la imagen',
+          description: 'Error',
+          backgroundColor: 'error'
+        })
+        setPreviewImg(initialState)
+      })
+    } catch {
+      setPreviewImg(initialState)
+      sendNotification({
+        title: 'No pudimos cargar la imagen',
+        description: 'Error',
+        backgroundColor: 'error'
+      })
+    }
+  }
+  const handleInputChangeLogo = event => {
+    const { files } = event.target
+    setPreviewImgLogo(
+      files.length
+        ? {
+            srcLogo: URL.createObjectURL(files[0]),
+            altLogo: files[0].name
+          }
+        : initialState
+    )
+    setALogoStore({
+      variables: {
+        logo: files[0],
+        idStore
+      },
+      update (cache) {
+        cache.modify({
+          fields: {
+            getStore (dataOld = []) {
+              return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
             }
-            : initialState
-        )
-        setALogoStore({
-          variables: {
-            logo: files[0],
-            idStore: idStore
-          }, update(cache) {
-            cache.modify({
-              fields: {
-                getStore(dataOld = []) {
-                  return cache.writeQuery({ query: GET_ONE_STORE, data: dataOld })
-                }
-              }
-            })
           }
-        }).catch(() => {
-          sendNotification({
-            title: 'No pudimos cargar la imagen',
-            description: 'Error',
-            backgroundColor: 'error'
-          })
-          setPreviewImgLogo(initialState)
         })
       }
-      const HandleDeleteBanner = async () => {
-        setPreviewImg(initialState)
-        DeleteOneBanner({
-          variables: {
-            bnState: bnState,
-            bnImageFileName: bnImageFileName,
-            idStore,
-            bnId
-          }, update(cache) {
-            cache.modify({
-              fields: {
-                getOneBanners(dataOld = []) {
-                  return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld })
-                }
-              }
-            })
+    }).catch(() => {
+      sendNotification({
+        title: 'No pudimos cargar la imagen',
+        description: 'Error',
+        backgroundColor: 'error'
+      })
+      setPreviewImgLogo(initialState)
+    })
+  }
+  const HandleDeleteBanner = async () => {
+    setPreviewImg(initialState)
+    DeleteOneBanner({
+      variables: {
+        idStore
+      },
+      update (cache) {
+        cache.modify({
+          fields: {
+            getOneBanners (dataOld = []) {
+              return cache.writeQuery({ query: GET_ONE_BANNER_STORE, data: dataOld })
+            }
           }
-        }).then(() => {
-          setPreviewImg(initialState)
         })
       }
-    const onTargetClickLogo = e => {
-        e.preventDefault()
-        fileInputRefLogo.current.click()
-    }
-    const onTargetClick = e => {
-        e.preventDefault()
-        fileInputRef.current.click()
-    }
+    }).then(() => {
+      setPreviewImg(initialState)
+    })
+  }
+  const onTargetClickLogo = e => {
+    e.preventDefault()
+    fileInputRefLogo.current.click()
+  }
+  const onTargetClick = e => {
+    e.preventDefault()
+    fileInputRef.current.click()
+  }
   return {
     fileInputRefLogo,
     src,
@@ -180,4 +180,3 @@ export const useImageStore = ({ idStore, sendNotification = () => { return } } =
     handleUpdateBanner
   }
 }
-

package/src/hooks/useImagesStore/queries.js

@@ -1,4 +1,4 @@
-import { gql } from "@apollo/client";
+import { gql } from '@apollo/client'
 
 export const CREATE_SCHEDULE_STORE = gql`
   mutation setStoreSchedule($input: IsStoreSchedule!) {
@@ -7,7 +7,7 @@ export const CREATE_SCHEDULE_STORE = gql`
       message
     }
   }
-`;
+`
 export const GET_SCHEDULE_STORE = gql`
   query getStoreSchedules($schDay: Int, $idStore: ID) {
     getStoreSchedules(schDay: $schDay, idStore: $idStore) {
@@ -19,7 +19,7 @@ export const GET_SCHEDULE_STORE = gql`
       schState
     }
   }
-`;
+`
 export const GET_ONE_SCHEDULE_STORE = gql`
   query getOneStoreSchedules($schDay: Int, $idStore: ID) {
     getOneStoreSchedules(schDay: $schDay, idStore: $idStore) {
@@ -30,7 +30,7 @@ export const GET_ONE_SCHEDULE_STORE = gql`
       schState
     }
   }
-`;
+`
 export const GET_CAT_OF_PRODUCTS = gql`
   query getAllCatOfProducts($idStore: ID) {
     getAllCatOfProducts(idStore: $idStore) {
@@ -41,7 +41,7 @@ export const GET_CAT_OF_PRODUCTS = gql`
       schState
     }
   }
-`;
+`
 export const REGISTER_CAT_OF_PRODUCTS = gql`
   mutation updatedProducts($input: InputCatProducts) {
     updatedProducts(input: $input) {
@@ -49,7 +49,7 @@ export const REGISTER_CAT_OF_PRODUCTS = gql`
       message
     }
   }
-`;
+`
 export const REGISTER_CONTRACT_STORE = gql`
   mutation createOneContract($input: InputContractType) {
     createOneContract(input: $input) {
@@ -57,7 +57,7 @@ export const REGISTER_CONTRACT_STORE = gql`
       message
     }
   }
-`;
+`
 export const GET_ALL_EMPLOYEE_STORE = gql`
   query employees($umId: ID, $cId: ID, $aId: ID) {
     employees(umId: $umId, cId: $cId, aId: $aId) {
@@ -73,7 +73,7 @@ export const GET_ALL_EMPLOYEE_STORE = gql`
       eState
     }
   }
-`;
+`
 export const GET_ALL_PRODUCT_STORE = gql`
   query productFoodsAll(
     $search: String
@@ -138,7 +138,7 @@ export const GET_ALL_PRODUCT_STORE = gql`
       }
     }
   }
-`;
+`
 export const GET_ALL_RATING_START_STORE = gql`
   query getAllRatingStar($idStore: ID) {
     getAllRatingStar(idStore: $idStore) {
@@ -148,7 +148,7 @@ export const GET_ALL_RATING_START_STORE = gql`
       createAt
     }
   }
-`;
+`
 export const GET_ALL_VISITOR_STORE = gql`
   query getAllVisitorStore(
     $idStore: ID
@@ -173,13 +173,14 @@ export const GET_ALL_VISITOR_STORE = gql`
       updateAt
     }
   }
-`;
+`
 export const GET_MIN_PEDIDO = gql`
   query getMinPrice($idStore: ID) {
     getMinPrice(idStore: $idStore)
   }
-`;
+`
 
+// eslint-disable-next-line camelcase
 export const GET_All_RATING_STORE = gql`
   query getAllRating($idStore: ID) {
     getAllRating(idStore: $idStore) {
@@ -195,7 +196,7 @@ export const GET_All_RATING_STORE = gql`
       updateAt
     }
   }
-`;
+`
 export const CREATE_LOGO = gql`
   mutation setALogoStore($logo: Upload, $idStore: ID) {
     setALogoStore(logo: $logo, idStore: $idStore) {
@@ -203,7 +204,7 @@ export const CREATE_LOGO = gql`
       message
     }
   }
-`;
+`
 export const CREATE_BANNER_STORE = gql`
   mutation registerBanner($input: IBanner) {
     registerBanner(input: $input) {
@@ -211,7 +212,7 @@ export const CREATE_BANNER_STORE = gql`
       message
     }
   }
-`;
+`
 export const DELETE_ONE_LOGO_STORE = gql`
   mutation deleteALogoStore($idStore: ID, $Image: String) {
     deleteALogoStore(idStore: $idStore, Image: $Image) {
@@ -219,7 +220,7 @@ export const DELETE_ONE_LOGO_STORE = gql`
       success
     }
   }
-`;
+`
 export const GET_ONE_BANNER_STORE = gql`
   query getOneBanners($idStore: ID, $id: ID) {
     getOneBanners(idStore: $idStore, id: $id) {
@@ -233,7 +234,7 @@ export const GET_ONE_BANNER_STORE = gql`
       updateAt
     }
   }
-`;
+`
 export const DELETE_ONE_BANNER_STORE = gql`
   mutation DeleteOneBanner(
     $bnState: Int
@@ -253,4 +254,4 @@ export const DELETE_ONE_BANNER_STORE = gql`
       message
     }
   }
-`;
+`

package/src/hooks/useInnerHtml/index.js

@@ -1,38 +1,39 @@
-import React from 'react'
-import { render } from 'react-dom'
-import './styles.css'
-
-const htmlText =
-  '<p style=\'display:inline;\'>Lorem ipsum</p> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
-
-function App() {
-  const [state, setState] = React.useState({
-    showOriginalHTML: false,
-    originalHTML: htmlText
-  })
-
-  const handleShowText = React.useCallback(() => {
-    setState(prevState => {return {
-      ...prevState,
-      showOriginalHTML: !prevState.showOriginalHTML
-    }})
-  }, [setState])
-
-  return (
-    <div className='container'>
-      <div
-        className='text'
-        dangerouslySetInnerHTML={{
-          __html: `${
-            state.originalHTML
-          }`
-        }}
-      />
-      <button className='read-more' onClick={handleShowText}>
-        {!state.showOriginalHTML ? 'read more' : 'show less'}
-      </button>
-    </div>
-  )
-}
-
-render(<App />, document.getElementById('root'))
+import React from 'react'
+import { createRoot } from 'react-dom' // Import createRoot from react-dom
+import './styles.css'
+
+const htmlText =
+  '<p style=\'display:inline;\'>Lorem ipsum</p> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+
+function App () {
+  const [state, setState] = React.useState({
+    showOriginalHTML: false,
+    originalHTML: htmlText
+  })
+
+  const handleShowText = React.useCallback(() => {
+    setState((prevState) => {
+      return {
+        ...prevState,
+        showOriginalHTML: !prevState.showOriginalHTML
+      }
+    })
+  }, [setState])
+
+  return (
+    <div className='container'>
+      <div
+        className='text'
+        dangerouslySetInnerHTML={{
+          __html: `${state.originalHTML}`
+        }}
+      />
+      <button className='read-more' onClick={handleShowText}>
+        {!state.showOriginalHTML ? 'read more' : 'show less'}
+      </button>
+    </div>
+  )
+}
+
+const root = document.getElementById('root')
+createRoot(root).render(<App />) // Use createRoot to render your React app

package/src/hooks/useIntersection/index.js

@@ -31,10 +31,10 @@ export const useOnScreen = (threshold = 0.6) => {
 }
 
 const defaultObserverOptions = {
-    root: null,
-    threshold: 0.1,
-    rootMargin: "0px"
-};
+  root: null,
+  threshold: 0.1,
+  rootMargin: '0px'
+}
 
 export const useIntersectionObserver = ({
   active = true,

package/src/hooks/useKeypress/index.js

@@ -1,28 +1,28 @@
-import { useEffect, useState } from 'react'
-
-export const useKeyPress = (targetKey) => {
-  const [keyPressed, setKeyPressed] = useState(false)
-  
-  useEffect(() => {
-    const downHandler = ({ key }) => {
-      if (key === targetKey) {
-        setKeyPressed(true)
-      }
-    }
-    const upHandler = ({ key }) => {
-      if (key === targetKey) {
-        setKeyPressed(false)
-      }
-    }
-  
-    window.addEventListener('keydown', downHandler)
-    window.addEventListener('keyup', upHandler)
-  
-    return () => {
-      window.removeEventListener('keydown', downHandler)
-      window.removeEventListener('keyup', upHandler)
-    }
-  }, [targetKey])
-  
-  return keyPressed
-}
+import { useEffect, useState } from 'react'
+
+export const useKeyPress = (targetKey) => {
+  const [keyPressed, setKeyPressed] = useState(false)
+
+  useEffect(() => {
+    const downHandler = ({ key }) => {
+      if (key === targetKey) {
+        setKeyPressed(true)
+      }
+    }
+    const upHandler = ({ key }) => {
+      if (key === targetKey) {
+        setKeyPressed(false)
+      }
+    }
+
+    window.addEventListener('keydown', downHandler)
+    window.addEventListener('keyup', upHandler)
+
+    return () => {
+      window.removeEventListener('keydown', downHandler)
+      window.removeEventListener('keyup', upHandler)
+    }
+  }, [targetKey])
+
+  return keyPressed
+}