@etsoo/react 1.5.85 → 1.5.86

package/lib/index.d.ts

@@ -21,6 +21,7 @@ export * from './uses/useCombinedRefs';
 export * from './uses/useDelayedExecutor';
 export * from './uses/useDimensions';
 export * from './uses/useParamsEx';
+export * from './uses/useSearchParamsEx';
 export * from './uses/useTimeout';
 export * from './uses/useWindowScroll';
 export * from './uses/useWindowSize';

package/lib/index.js

@@ -26,6 +26,7 @@ export * from './uses/useCombinedRefs';
 export * from './uses/useDelayedExecutor';
 export * from './uses/useDimensions';
 export * from './uses/useParamsEx';
+export * from './uses/useSearchParamsEx';
 export * from './uses/useTimeout';
 export * from './uses/useWindowScroll';
 export * from './uses/useWindowSize';

package/lib/uses/useSearchParamsEx.d.ts

@@ -0,0 +1,6 @@
+import { DataTypes } from '@etsoo/shared';
+/**
+ * Extended useSearchParams of react-router-dom
+ * Provide exact type data
+ */
+export declare function useSearchParamsEx<T extends DataTypes.BasicTemplate>(template: T): DataTypes.BasicTemplateType<T>;

package/lib/uses/useSearchParamsEx.js

@@ -0,0 +1,16 @@
+import { DomUtils } from '@etsoo/shared';
+import { useSearchParams } from 'react-router-dom';
+/**
+ * Extended useSearchParams of react-router-dom
+ * Provide exact type data
+ */
+export function useSearchParamsEx(template) {
+    // 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);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.5.85",
+    "version": "1.5.86",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -48,12 +48,12 @@
         "@dnd-kit/core": "^6.0.5",
         "@dnd-kit/sortable": "^7.0.1",
         "@emotion/css": "^11.10.0",
-        "@emotion/react": "^11.10.0",
-        "@emotion/styled": "^11.10.0",
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "@etsoo/appscript": "^1.2.88",
         "@etsoo/notificationbase": "^1.1.7",
         "@etsoo/shared": "^1.1.51",
-        "@types/react": "^18.0.17",
+        "@types/react": "^18.0.18",
         "@types/react-dom": "^18.0.6",
         "@types/react-window": "^1.8.5",
         "react": "^18.2.0",
@@ -69,9 +69,9 @@
         "@babel/runtime-corejs3": "^7.18.9",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.3.0",
-        "@types/jest": "^28.1.8",
-        "@typescript-eslint/eslint-plugin": "^5.35.1",
-        "@typescript-eslint/parser": "^5.35.1",
+        "@types/jest": "^29.0.0",
+        "@typescript-eslint/eslint-plugin": "^5.36.1",
+        "@typescript-eslint/parser": "^5.36.1",
         "eslint": "^8.23.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.26.0",

package/src/index.ts

@@ -30,6 +30,7 @@ export * from './uses/useCombinedRefs';
 export * from './uses/useDelayedExecutor';
 export * from './uses/useDimensions';
 export * from './uses/useParamsEx';
+export * from './uses/useSearchParamsEx';
 export * from './uses/useTimeout';
 export * from './uses/useWindowScroll';
 export * from './uses/useWindowSize';

package/src/uses/useSearchParamsEx.ts

@@ -0,0 +1,22 @@
+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
+) {
+    // 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);
+}