npm-pkg-hook 1.0.0 → 1.0.1

package/src/hooks/useWindowSize/index.js

@@ -0,0 +1,38 @@
+import { useState, useEffect } from 'react';
+
+export default function useWindowSize() {
+    // Initialize state with undefined width/height so server and client renders match
+    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
+    const [windowSize, setWindowSize] = useState({
+        width: undefined,
+        height: undefined
+    });
+
+    useEffect(() => {
+    // Handler to call on window resize
+        function handleResize() {
+            // Set window width/height to state
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight
+            });
+        }
+
+        // Add event listener
+        window.addEventListener('resize', handleResize);
+
+        // Call handler right away so state gets updated with initial window size
+        handleResize();
+
+        // Remove event listener on cleanup
+        return () => window.removeEventListener('resize', handleResize);
+    }, []); // Empty array ensures that effect is only run on mount
+
+    return windowSize;
+}
+// Como se usa
+
+// 1 -const size = useWindowSize();
+// 2  <div>
+// {size.width}px / {size.height}px
+// </div>

package/src/index.jsx

@@ -1,6 +1 @@
-
-const Hello = () => 'Hola Papu'
-
-module.exports = {
-    Hello
-}
+export * from './hooks/index'

package/src/utils/index.js

@@ -0,0 +1,27 @@
+/**
+ * @description It takes an array of elements and returns an object with a submit hook for each element.
+ * @version 0.1.1
+ * @param {array} elements elementos del formulario
+ * @return {array} devuelve un array de booleanos con el nombre identificador para cada estado en react.
+ */
+export const validationSubmitHooks = elements => {
+    let errorForm = {}
+    for (const element of elements) {
+      if (element.name) {
+        if (element.type === 'text' || element.type === 'password' || element.type === 'email' || element.type === 'number' || element.type === 'hidden') {
+          if (element.dataset.required === 'true') {
+            if (!element.value) errorForm = { ...errorForm, [element.name]: !element.value }
+            else errorForm = { ...errorForm, [element.name]: !element.value }
+          } else {
+            errorForm = { ...errorForm, [element.name]: false }
+          }
+        }
+      }
+    }
+    return errorForm
+  }
+
+  export const getCurrentDomain = () => {
+    return typeof window !== 'undefined' && window.location.hostname.split('.').slice(-2).join('.')
+  }
+