@thisisagile/easy-react 10.11.6 → 10.11.13

package/dist/utils/Hooks.d.ts

@@ -1,6 +1,9 @@
-import { List, Validatable } from '@thisisagile/easy';
+import { List, PageList, Validatable } from '@thisisagile/easy';
 export declare const useToggle: (initialState?: boolean) => [boolean, () => void];
 export declare const useA: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
 export declare const useAn: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
 export declare const useEntity: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
 export declare const useList: <E>(...items: E[]) => [List<E>, (e: List<E>) => List<E>];
+export declare const usePageList: <E>(...items: E[]) => [PageList<E>, (e: List<E>) => PageList<E>];
+export declare const useGet: <E>(f: () => Promise<E>) => [E | undefined, () => Promise<E>];
+export declare const useGetList: <E>(f: () => Promise<PageList<E>>) => [PageList<E>, () => Promise<PageList<E>>];

package/dist/utils/Hooks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useList = exports.useEntity = exports.useAn = exports.useA = exports.useToggle = void 0;
+exports.useGetList = exports.useGet = exports.usePageList = exports.useList = exports.useEntity = exports.useAn = exports.useA = exports.useToggle = void 0;
 const easy_1 = require("@thisisagile/easy");
 const react_1 = require("react");
 const useToggle = (initialState = false) => {
@@ -32,4 +32,33 @@ const useList = (...items) => {
     ];
 };
 exports.useList = useList;
+const usePageList = (...items) => {
+    const [pages, setPages] = (0, react_1.useState)((0, easy_1.toPageList)(items));
+    return [
+        pages,
+        (e) => {
+            setPages(e);
+            return e;
+        },
+    ];
+};
+exports.usePageList = usePageList;
+const useGet = (f) => {
+    const [item, setItem] = (0, react_1.useState)();
+    const getter = () => f().then(i => {
+        setItem(i);
+        return i;
+    });
+    return [item, getter];
+};
+exports.useGet = useGet;
+const useGetList = (f) => {
+    const [list, setList] = (0, exports.usePageList)();
+    const getter = () => f().then(l => {
+        setList(l);
+        return l;
+    });
+    return [list, getter];
+};
+exports.useGetList = useGetList;
 //# sourceMappingURL=Hooks.js.map

package/dist/utils/Hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hooks.js","sourceRoot":"","sources":["../../src/utils/Hooks.ts"],"names":[],"mappings":";;;AAAA,4CAA8D;AAC9D,iCAAiC;AAE1B,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,KAAK,EAAyB,EAAE;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,YAAY,CAAC,CAAC;IAC1D,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB;AAEK,MAAM,IAAI,GAAG,CAAwB,OAAmB,EAAgB,EAAoB,EAAE;IACnG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,EAAO,CAAC,CAAC;IACxE,OAAO;QACL,KAAK;QACL,CAAC,CAAI,EAAK,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,CAAC,CAAC;QACX,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,IAAI,QASf;AAEW,QAAA,KAAK,GAAG,YAAI,CAAC;AAEb,QAAA,SAAS,GAAG,YAAI,CAAC;AAEvB,MAAM,OAAO,GAAG,CAAI,GAAG,KAAU,EAAsC,EAAE;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAA,aAAM,EAAI,GAAG,KAAK,CAAC,CAAC,CAAC;IACjE,OAAO;QACL,KAAK;QACL,CAAC,CAAU,EAAW,EAAE;YACtB,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,CAAC,CAAC;QACX,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,OAAO,WASlB"}
+{"version":3,"file":"Hooks.js","sourceRoot":"","sources":["../../src/utils/Hooks.ts"],"names":[],"mappings":";;;AAAA,4CAAoF;AACpF,iCAAiC;AAE1B,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,KAAK,EAAyB,EAAE;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,YAAY,CAAC,CAAC;IAC1D,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB;AAEK,MAAM,IAAI,GAAG,CAAwB,OAAmB,EAAgB,EAAoB,EAAE;IACnG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,EAAO,CAAC,CAAC;IACxE,OAAO;QACL,KAAK;QACL,CAAC,CAAI,EAAK,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,CAAC,CAAC;QACX,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,IAAI,QASf;AAEW,QAAA,KAAK,GAAG,YAAI,CAAC;AAEb,QAAA,SAAS,GAAG,YAAI,CAAC;AAEvB,MAAM,OAAO,GAAG,CAAI,GAAG,KAAU,EAAsC,EAAE;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAA,aAAM,EAAI,GAAG,KAAK,CAAC,CAAC,CAAC;IACjE,OAAO;QACL,KAAK;QACL,CAAC,CAAU,EAAW,EAAE;YACtB,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,CAAC,CAAC;QACX,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,OAAO,WASlB;AAEK,MAAM,WAAW,GAAG,CAAI,GAAG,KAAU,EAA8C,EAAE;IAC1F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAA,iBAAU,EAAI,KAAK,CAAC,CAAC,CAAC;IAClE,OAAO;QACL,KAAK;QACL,CAAC,CAAU,EAAe,EAAE;YAC1B,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,CAAC,CAAC;QACX,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,WAAW,eAStB;AAEK,MAAM,MAAM,GAAG,CAAI,CAAmB,EAAqC,EAAE;IAClF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,GAAK,CAAC;IACtC,MAAM,MAAM,GAAG,GAAG,EAAE,CAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;QACX,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IACL,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACxB,CAAC,CAAC;AARW,QAAA,MAAM,UAQjB;AAEK,MAAM,UAAU,GAAG,CAAI,CAA6B,EAA6C,EAAE;IACxG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,mBAAW,GAAK,CAAC;IACzC,MAAM,MAAM,GAAG,GAAG,EAAE,CAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;QACX,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IACL,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACxB,CAAC,CAAC;AARW,QAAA,UAAU,cAQrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thisisagile/easy-react",
-  "version": "10.11.6",
+  "version": "10.11.13",
   "description": "Straightforward library building micro applications in react",
   "author": "Sander Hoogendoorn",
   "license": "MIT",
@@ -34,15 +34,15 @@
     "access": "public"
   },
   "devDependencies": {
-    "@thisisagile/easy-test": "10.11.6",
-    "@thisisagile/easy-test-react": "10.11.6",
+    "@thisisagile/easy-test": "10.11.13",
+    "@thisisagile/easy-test-react": "10.11.13",
     "@types/copyfiles": "^2",
     "copyfiles": "^2.4.1",
     "jest-environment-jsdom": "^28.1.0",
     "jest-transform-stub": "^2.0.0"
   },
   "dependencies": {
-    "@thisisagile/easy": "10.11.6",
+    "@thisisagile/easy": "10.11.13",
     "next": "^12.1.6",
     "next-transpile-modules": "^9.0.0",
     "react": "^18.1.0",

package/src/utils/Hooks.ts

@@ -1,4 +1,4 @@
-import { List, toList, Validatable } from '@thisisagile/easy';
+import { List, PageList, toList, toPageList, Validatable } from '@thisisagile/easy';
 import { useState } from 'react';
 
 export const useToggle = (initialState = false): [boolean, () => void] => {
@@ -31,3 +31,34 @@ export const useList = <E>(...items: E[]): [List<E>, (e: List<E>) => List<E>] =>
     },
   ];
 };
+
+export const usePageList = <E>(...items: E[]): [PageList<E>, (e: List<E>) => PageList<E>] => {
+  const [pages, setPages] = useState<List<E>>(toPageList<E>(items));
+  return [
+    pages,
+    (e: List<E>): PageList<E> => {
+      setPages(e);
+      return e;
+    },
+  ];
+};
+
+export const useGet = <E>(f: () => Promise<E>): [E | undefined, () => Promise<E>] => {
+  const [item, setItem] = useState<E>();
+  const getter = () =>
+    f().then(i => {
+      setItem(i);
+      return i;
+    });
+  return [item, getter];
+};
+
+export const useGetList = <E>(f: () => Promise<PageList<E>>): [PageList<E>, () => Promise<PageList<E>>] => {
+  const [list, setList] = usePageList<E>();
+  const getter = () =>
+    f().then(l => {
+      setList(l);
+      return l;
+    });
+  return [list, getter];
+};