@thisisagile/easy-react 7.43.7 → 8.0.0

package/dist/index.d.ts

@@ -1 +1,2 @@
 export * from './layout';
+export * from './utils';

package/dist/index.js

@@ -11,4 +11,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./layout"), exports);
+__exportStar(require("./utils"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAwB;AACxB,0CAAuB"}

package/dist/utils/Hooks.d.ts

@@ -0,0 +1,7 @@
+import { List, Validatable } from '@thisisagile/easy';
+import { Dispatch, SetStateAction } from 'react';
+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>, Dispatch<SetStateAction<List<E>>>];

package/dist/utils/Hooks.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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) => {
+    const [state, setState] = (0, react_1.useState)(initialState);
+    return [state, () => setState(s => !s)];
+};
+exports.useToggle = useToggle;
+const useA = (item = {}) => {
+    const [state, setState] = (0, react_1.useState)({ isValid: false, ...item });
+    return [state, (e) => {
+            setState(e);
+            return e;
+        }];
+};
+exports.useA = useA;
+exports.useAn = exports.useA;
+exports.useEntity = exports.useA;
+const useList = (...items) => (0, react_1.useState)((0, easy_1.toList)(...items));
+exports.useList = useList;
+//# sourceMappingURL=Hooks.js.map

package/dist/utils/Hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hooks.js","sourceRoot":"","sources":["../../src/utils/Hooks.ts"],"names":[],"mappings":";;;AAAA,4CAA8D;AAC9D,iCAA2D;AAEpD,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,CAAC,KAAK,EAAE,CAAC,CAAI,EAAK,EAAE;YACzB,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;AACL,CAAC,CAAA;AANY,QAAA,IAAI,QAMhB;AAEY,QAAA,KAAK,GAAG,YAAI,CAAC;AAEb,QAAA,SAAS,GAAG,YAAI,CAAC;AAEvB,MAAM,OAAO,GAAG,CAAI,GAAG,KAAU,EAAgD,EAAE,CAAC,IAAA,gBAAQ,EAAU,IAAA,aAAM,EAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AAArH,QAAA,OAAO,WAA8G"}

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './Hooks';

package/dist/utils/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Hooks"), exports);
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAuB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thisisagile/easy-react",
-  "version": "7.43.7",
+  "version": "8.0.0",
   "description": "Straightforward library building micro applications in react",
   "author": "Sander Hoogendoorn",
   "license": "MIT",
@@ -23,7 +23,8 @@
     "build": "yarn g:tsc",
     "postbuild": "copyfiles -u 1 src/**/*.scss dist",
     "test": "yarn g:jest --coverage",
-    "prepack": "yarn g:copy-readme"
+    "prepack": "yarn g:copy-readme",
+    "demo": "cd demo && next dev -p 3001"
   },
   "files": [
     "dist",
@@ -33,14 +34,16 @@
     "access": "public"
   },
   "devDependencies": {
-    "@thisisagile/easy-test": "7.43.7",
-    "@thisisagile/easy-test-react": "7.43.7",
+    "@thisisagile/easy-test": "8.0.0",
+    "@thisisagile/easy-test-react": "8.0.0",
     "@types/copyfiles": "^2",
     "copyfiles": "^2.4.1",
     "jest-transform-stub": "^2.0.0"
   },
   "dependencies": {
-    "@thisisagile/easy": "7.43.7",
+    "@thisisagile/easy": "8.0.0",
+    "next": "^12.0.4",
+    "next-transpile-modules": "^9.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "sass": "^1.43.4"

package/src/index.ts

@@ -1 +1,2 @@
 export * from './layout'
+export * from './utils'

package/src/utils/Hooks.ts

@@ -0,0 +1,21 @@
+import { List, toList, Validatable } from '@thisisagile/easy';
+import { Dispatch, SetStateAction, useState } from 'react';
+
+export const useToggle = (initialState = false): [boolean, () => void] => {
+  const [state, setState] = useState<boolean>(initialState);
+  return [state, () => setState(s => !s)];
+};
+
+export const useA = <E extends Validatable>(item: Partial<E> = {} as Partial<E>): [E, (e: E) => E] => {
+  const [state, setState] = useState<E>({ isValid: false, ...item } as E);
+  return [state, (e: E): E => {
+    setState(e);
+    return e;
+  }];
+}
+
+export const useAn = useA;
+
+export const useEntity = useA;
+
+export const useList = <E>(...items: E[]): [List<E>, Dispatch<SetStateAction<List<E>>>] => useState<List<E>>(toList<E>(...items));

package/src/utils/index.ts

@@ -0,0 +1 @@
+export * from './Hooks'