@etsoo/react 1.7.94 → 1.7.95

package/src/uses/useSearchParamsEx.ts

@@ -1,22 +1,22 @@
-import { DataTypes, DomUtils } from '@etsoo/shared';
-import { useSearchParams } from 'react-router-dom';
+import { DataTypes, DomUtils } from "@etsoo/shared";
+import { useSearchParams } from "react-router-dom";
 
 /**
  * Extended useSearchParams of react-router-dom
  * Provide exact type data
  */
 export function useSearchParamsEx<T extends DataTypes.BasicTemplate>(
-    template: T
+  template: T
 ) {
-    // Get parameters
-    const [sp] = useSearchParams();
-    const paras = Object.fromEntries(
-        Object.keys(template).map((key) => {
-            const type = template[key];
-            return [key, type.endsWith('[]') ? sp.getAll(key) : sp.get(key)];
-        })
-    );
+  // Get parameters
+  const [sp] = useSearchParams();
+  const paras = Object.fromEntries(
+    Object.keys(template).map((key) => {
+      const type = template[key];
+      return [key, type.endsWith("[]") ? sp.getAll(key) : sp.get(key)];
+    })
+  );
 
-    // Return
-    return DomUtils.dataAs(paras, template, false);
+  // Return
+  return DomUtils.dataAs(paras, template, false);
 }

package/src/uses/useTimeout.ts

@@ -1,5 +1,5 @@
-import { ExtendUtils } from '@etsoo/shared';
-import React from 'react';
+import { ExtendUtils } from "@etsoo/shared";
+import React from "react";
 
 /**
  * For setTimeout to merge actions
@@ -7,23 +7,23 @@ import React from 'react';
  * @param milliseconds Interval of milliseconds
  */
 export const useTimeout = (
-    action: (...args: any[]) => void,
-    milliseconds: number
+  action: (...args: any[]) => void,
+  milliseconds: number
 ) => {
-    // Delayed
-    const d = ExtendUtils.delayedExecutor(action, milliseconds);
+  // Delayed
+  const d = ExtendUtils.delayedExecutor(action, milliseconds);
 
-    // Merge into the life cycle
-    React.useEffect(() => {
-        d.call();
+  // Merge into the life cycle
+  React.useEffect(() => {
+    d.call();
 
-        return () => {
-            d.clear();
-        };
-    }, []);
-
-    // Return cancel method
-    return {
-        cancel: d.clear
+    return () => {
+      d.clear();
     };
+  }, []);
+
+  // Return cancel method
+  return {
+    cancel: d.clear
+  };
 };

package/src/uses/useWindowScroll.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React from "react";
 
 /**
  * Window scroll position
  */
 export interface IScrollPos {
-    x: number;
-    y: number;
+  x: number;
+  y: number;
 }
 
 /**
@@ -13,51 +13,51 @@ export interface IScrollPos {
  * @returns Scroll location
  */
 export const useWindowScroll = () => {
-    // State
-    const [pos, setPos] = React.useState<IScrollPos>({
+  // State
+  const [pos, setPos] = React.useState<IScrollPos>({
+    x: window.scrollX,
+    y: window.scrollY
+  });
+
+  React.useEffect(() => {
+    let ticking = false;
+    let lastPos: IScrollPos;
+    let requestAnimationFrameSeed = 0;
+
+    const scrollHandler = () => {
+      lastPos = {
         x: window.scrollX,
         y: window.scrollY
-    });
+      };
+
+      if (!ticking) {
+        requestAnimationFrameSeed = window.requestAnimationFrame(() => {
+          ticking = false;
+          requestAnimationFrameSeed = 0;
 
-    React.useEffect(() => {
-        let ticking = false;
-        let lastPos: IScrollPos;
-        let requestAnimationFrameSeed = 0;
-
-        const scrollHandler = () => {
-            lastPos = {
-                x: window.scrollX,
-                y: window.scrollY
-            };
-
-            if (!ticking) {
-                requestAnimationFrameSeed = window.requestAnimationFrame(() => {
-                    ticking = false;
-                    requestAnimationFrameSeed = 0;
-
-                    if (lastPos.x != pos.x || lastPos.y != pos.y) {
-                        setPos(lastPos);
-                    }
-                });
-                ticking = true;
-            }
-        };
-
-        window.addEventListener('scroll', scrollHandler, {
-            passive: true,
-            capture: false
+          if (lastPos.x != pos.x || lastPos.y != pos.y) {
+            setPos(lastPos);
+          }
         });
+        ticking = true;
+      }
+    };
+
+    window.addEventListener("scroll", scrollHandler, {
+      passive: true,
+      capture: false
+    });
 
-        return () => {
-            // Cancel animation frame
-            if (requestAnimationFrameSeed > 0)
-                window.cancelAnimationFrame(requestAnimationFrameSeed);
+    return () => {
+      // Cancel animation frame
+      if (requestAnimationFrameSeed > 0)
+        window.cancelAnimationFrame(requestAnimationFrameSeed);
 
-            // Remove scroll event
-            window.removeEventListener('scroll', scrollHandler);
-        };
-    }, []);
+      // Remove scroll event
+      window.removeEventListener("scroll", scrollHandler);
+    };
+  }, []);
 
-    // Return
-    return pos;
+  // Return
+  return pos;
 };

package/src/uses/useWindowSize.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React from "react";
 
 interface ISize {
-    width: number;
-    height: number;
+  width: number;
+  height: number;
 }
 
 /**
@@ -10,54 +10,51 @@ interface ISize {
  * @returns Window size
  */
 export const useWindowSize = () => {
-    // State
-    const [size, setSize] = React.useState<ISize>({
-        width: 0,
-        height: 0
-    });
-
-    React.useEffect(() => {
-        let ticking = false;
-        let lastSize: ISize;
-        let requestAnimationFrameSeed = 0;
-
-        const resizeHandler = () => {
-            lastSize = {
-                width: document.documentElement.clientWidth,
-                height: document.documentElement.clientHeight
-            };
-
-            if (!ticking) {
-                requestAnimationFrameSeed = window.requestAnimationFrame(() => {
-                    ticking = false;
-                    requestAnimationFrameSeed = 0;
-
-                    if (
-                        lastSize.width != size.width ||
-                        lastSize.height != size.height
-                    ) {
-                        setSize(lastSize);
-                    }
-                });
-                ticking = true;
-            }
-        };
-
-        window.addEventListener('resize', resizeHandler, {
-            passive: true,
-            capture: false
+  // State
+  const [size, setSize] = React.useState<ISize>({
+    width: 0,
+    height: 0
+  });
+
+  React.useEffect(() => {
+    let ticking = false;
+    let lastSize: ISize;
+    let requestAnimationFrameSeed = 0;
+
+    const resizeHandler = () => {
+      lastSize = {
+        width: document.documentElement.clientWidth,
+        height: document.documentElement.clientHeight
+      };
+
+      if (!ticking) {
+        requestAnimationFrameSeed = window.requestAnimationFrame(() => {
+          ticking = false;
+          requestAnimationFrameSeed = 0;
+
+          if (lastSize.width != size.width || lastSize.height != size.height) {
+            setSize(lastSize);
+          }
         });
+        ticking = true;
+      }
+    };
+
+    window.addEventListener("resize", resizeHandler, {
+      passive: true,
+      capture: false
+    });
 
-        return () => {
-            // Cancel animation frame
-            if (requestAnimationFrameSeed > 0)
-                window.cancelAnimationFrame(requestAnimationFrameSeed);
+    return () => {
+      // Cancel animation frame
+      if (requestAnimationFrameSeed > 0)
+        window.cancelAnimationFrame(requestAnimationFrameSeed);
 
-            // Remove resize event
-            window.removeEventListener('resize', resizeHandler);
-        };
-    }, []);
+      // Remove resize event
+      window.removeEventListener("resize", resizeHandler);
+    };
+  }, []);
 
-    // Return
-    return size;
+  // Return
+  return size;
 };

package/tsconfig.json

@@ -1,19 +1,19 @@
 {
-    "compilerOptions": {
-        /* Visit https://aka.ms/tsconfig.json to read more about this file */
-        "target": "ES2020",
-        "module": "ESNext",
-        "moduleResolution": "bundler",
-        "allowJs": false,
-        "isolatedModules": true,
-        "outDir": "./lib",
-        "noEmit": false,
-        "declaration": true,
-        "strict": true,
-        "esModuleInterop": true,
-        "skipLibCheck": true,
-        "jsx": "react-jsx",
-        "forceConsistentCasingInFileNames": true
-    },
-    "include": ["src"]
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig.json to read more about this file */
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowJs": false,
+    "isolatedModules": true,
+    "outDir": "./lib",
+    "noEmit": false,
+    "declaration": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src"]
 }

package/.eslintignore

@@ -1,3 +0,0 @@
-.github
-node_modules
-lib/

package/.eslintrc.json

@@ -1,38 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "node": true,
-        "es6": true,
-        "jest": true
-    },
-    "extends": ["plugin:react/recommended", "airbnb-base", "prettier"],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaFeatures": {
-            "jsx": true
-        },
-        "ecmaVersion": 6,
-        "sourceType": "module"
-    },
-    "plugins": ["@typescript-eslint"],
-    "rules": {
-        "class-methods-use-this": "off",
-        "import/extensions": ["error", "never"],
-        "import/prefer-default-export": "off",
-        "@typescript-eslint/no-unused-vars": ["error"]
-    },
-    "settings": {
-        "import/resolver": {
-            "node": {
-                "paths": ["src"],
-                "extensions": [".ts", ".tsx"]
-            }
-        },
-        "react": {
-            "createClass": "createReactClass",
-            "pragma": "React",
-            "version": "detect",
-            "flowVersion": "0.53"
-        }
-    }
-}

package/.prettierignore

@@ -1,5 +0,0 @@
-.github
-node_modules
-lib/
-package-lock.json
-README.md

package/.prettierrc

@@ -1,6 +0,0 @@
-{
-    "trailingComma": "none",
-    "tabWidth": 4,
-    "semi": true,
-    "singleQuote": true
-}