@thisisagile/easy-react 15.8.5 → 15.8.7

package/dist/index.d.ts

@@ -1,21 +1,2 @@
-import { ReactNode, FunctionComponent } from 'react';
-import { Validatable, Optional, List, PageList, PageOptions } from '@thisisagile/easy';
-
-interface IfProps {
-    condition: any | undefined;
-    children?: ReactNode;
-}
-declare const If: FunctionComponent<IfProps>;
-
-declare const useToggle: (initialState?: boolean) => [boolean, () => void];
-declare const useA: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
-declare const useAn: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
-declare const useOptional: <E>(item?: Partial<E> | undefined) => [E, (e: Optional<E>) => Optional<E>, () => Optional<E>];
-declare const useEntity: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
-declare const useList: <E>(...items: E[]) => [List<E>, (e: List<E>) => List<E>];
-declare const usePageList: <E>(...items: E[]) => [PageList<E>, (e: PageList<E>) => PageList<E>];
-declare const usePaging: <E>(f: (options?: PageOptions) => Promise<PageList<E>>, options?: PageOptions) => [PageList<E>, (options?: PageOptions) => Promise<PageList<E>>, boolean, number, number];
-declare const useGet: <E>(f: () => Promise<E>, initial?: Partial<E> | undefined) => [E, () => Promise<E>];
-declare const useGetList: <E>(f: () => Promise<List<E>>) => [List<E>, () => Promise<PageList<E>>];
-
-export { If, IfProps, useA, useAn, useEntity, useGet, useGetList, useList, useOptional, usePageList, usePaging, useToggle };
+export * from './layout';
+export * from './utils';

package/dist/index.js

@@ -1 +1,25 @@
-"use strict";var c=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var s in t)c(e,s,{get:t[s],enumerable:!0})},d=(e,t,s,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of m(t))!x.call(e,n)&&n!==s&&c(e,n,{get:()=>t[n],enumerable:!(o=L(t,n))||o.enumerable});return e};var O=e=>d(c({},"__esModule",{value:!0}),e);var C={};f(C,{If:()=>b,useA:()=>l,useAn:()=>S,useEntity:()=>R,useGet:()=>y,useGetList:()=>A,useList:()=>I,useOptional:()=>k,usePageList:()=>P,usePaging:()=>V,useToggle:()=>h});module.exports=O(C);var E=require("react/jsx-runtime"),b=({condition:e,children:t})=>e?(0,E.jsx)(E.Fragment,{children:t}):null;var i=require("@thisisagile/easy"),a=require("react"),h=(e=!1)=>{let[t,s]=(0,a.useState)(e);return[t,()=>s(o=>!o)]},l=(e={})=>{let[t,s]=(0,a.useState)({isValid:!1,...e});return[t,o=>(s(o),o)]},S=l,k=e=>{let[t,s]=(0,a.useState)(e),o=n=>(s(n),n);return[t,o,()=>o()]},R=l,I=(...e)=>{let[t,s]=(0,a.useState)((0,i.toList)(...e));return[t,o=>(s(o),o)]},P=(...e)=>{let[t,s]=(0,a.useState)((0,i.toPageList)(e));return[t,o=>(s(o),o)]},V=(e,t)=>{let[s,o]=P(),[n,r]=(0,a.useState)(t?.skip??0),[p]=(0,a.useState)(t?.take??5);return[s,(u={skip:n,take:p})=>e(u).then(g=>(r(n+p),o((0,i.toPageList)(s.add(g),g)))),s.length<(s?.total??0),n,p]},y=(e,t)=>{let[s,o]=(0,a.useState)(t??{});return[s,()=>e().then(r=>(o(r),r))]},A=e=>{let[t,s]=P();return[t,()=>e().then(n=>s((0,i.isPageList)(n)?n:(0,i.toPageList)(n,{total:n.length})))]};0&&(module.exports={If,useA,useAn,useEntity,useGet,useGetList,useList,useOptional,usePageList,usePaging,useToggle});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./layout"), module.exports);
+__reExport(src_exports, require("./utils"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./layout"),
+  ...require("./utils")
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './layout';\nexport * from './utils';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,oBADd;","names":[]}

package/dist/index.mjs

@@ -1 +1,3 @@
-import{Fragment as g,jsx as u}from"react/jsx-runtime";var f=({condition:o,children:t})=>o?u(g,{children:t}):null;import{isPageList as L,toList as m,toPageList as E}from"@thisisagile/easy";import{useState as a}from"react";var C=(o=!1)=>{let[t,e]=a(o);return[t,()=>e(s=>!s)]},c=(o={})=>{let[t,e]=a({isValid:!1,...o});return[t,s=>(e(s),s)]},F=c,G=o=>{let[t,e]=a(o),s=n=>(e(n),n);return[t,s,()=>s()]},N=c,v=(...o)=>{let[t,e]=a(m(...o));return[t,s=>(e(s),s)]},l=(...o)=>{let[t,e]=a(E(o));return[t,s=>(e(s),s)]},T=(o,t)=>{let[e,s]=l(),[n,i]=a(t?.skip??0),[r]=a(t?.take??5);return[e,(P={skip:n,take:r})=>o(P).then(p=>(i(n+r),s(E(e.add(p),p)))),e.length<(e?.total??0),n,r]},q=(o,t)=>{let[e,s]=a(t??{});return[e,()=>o().then(i=>(s(i),i))]},w=o=>{let[t,e]=l();return[t,()=>o().then(n=>e(L(n)?n:E(n,{total:n.length})))]};export{f as If,c as useA,F as useAn,N as useEntity,q as useGet,w as useGetList,v as useList,G as useOptional,l as usePageList,T as usePaging,C as useToggle};
+export * from "./layout";
+export * from "./utils";
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './layout';\nexport * from './utils';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/layout/If.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface IfProps {
+    condition: any | undefined;
+    children?: ReactNode;
+}
+export declare const If: FunctionComponent<IfProps>;

package/dist/layout/If.js

@@ -0,0 +1,30 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var If_exports = {};
+__export(If_exports, {
+  If: () => If
+});
+module.exports = __toCommonJS(If_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const If = ({ condition, children }) => condition ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) : null;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  If
+});
+//# sourceMappingURL=If.js.map

package/dist/layout/If.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/layout/If.tsx"],"sourcesContent":["import * as React from 'react';\nimport { FunctionComponent, ReactElement, ReactNode } from 'react';\n\nexport interface IfProps {\n  condition: any | undefined;\n  children?: ReactNode;\n}\n\nexport const If: FunctionComponent<IfProps> = ({ condition, children }): ReactElement | null => (condition ? <>{children}</> : null);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ6G;AAAtG,MAAM,KAAiC,CAAC,EAAE,WAAW,SAAS,MAA4B,YAAY,2EAAG,UAAS,IAAM;","names":[]}

package/dist/layout/If.mjs

@@ -0,0 +1,6 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+const If = ({ condition, children }) => condition ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
+export {
+  If
+};
+//# sourceMappingURL=If.mjs.map

package/dist/layout/If.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/layout/If.tsx"],"sourcesContent":["import * as React from 'react';\nimport { FunctionComponent, ReactElement, ReactNode } from 'react';\n\nexport interface IfProps {\n  condition: any | undefined;\n  children?: ReactNode;\n}\n\nexport const If: FunctionComponent<IfProps> = ({ condition, children }): ReactElement | null => (condition ? <>{children}</> : null);\n"],"mappings":"AAQ6G;AAAtG,MAAM,KAAiC,CAAC,EAAE,WAAW,SAAS,MAA4B,YAAY,gCAAG,UAAS,IAAM;","names":[]}

package/dist/layout/index.d.ts

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

package/dist/layout/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var layout_exports = {};
+module.exports = __toCommonJS(layout_exports);
+__reExport(layout_exports, require("./If"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./If")
+});
+//# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/layout/index.ts"],"sourcesContent":["export * from './If';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,iBAAd;","names":[]}

package/dist/layout/index.mjs

@@ -0,0 +1,2 @@
+export * from "./If";
+//# sourceMappingURL=index.mjs.map

package/dist/layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/layout/index.ts"],"sourcesContent":["export * from './If';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/utils/Hooks.d.ts

@@ -0,0 +1,11 @@
+import { List, Optional, PageList, PageOptions, 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 useOptional: <E>(item?: Partial<E> | undefined) => [E, (e: Optional<E>) => Optional<E>, () => Optional<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: PageList<E>) => PageList<E>];
+export declare const usePaging: <E>(f: (options?: PageOptions) => Promise<PageList<E>>, options?: PageOptions) => [PageList<E>, (options?: PageOptions) => Promise<PageList<E>>, boolean, number, number];
+export declare const useGet: <E>(f: () => Promise<E>, initial?: Partial<E> | undefined) => [E, () => Promise<E>];
+export declare const useGetList: <E>(f: () => Promise<List<E>>) => [List<E>, () => Promise<PageList<E>>];

package/dist/utils/Hooks.js

@@ -0,0 +1,115 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Hooks_exports = {};
+__export(Hooks_exports, {
+  useA: () => useA,
+  useAn: () => useAn,
+  useEntity: () => useEntity,
+  useGet: () => useGet,
+  useGetList: () => useGetList,
+  useList: () => useList,
+  useOptional: () => useOptional,
+  usePageList: () => usePageList,
+  usePaging: () => usePaging,
+  useToggle: () => useToggle
+});
+module.exports = __toCommonJS(Hooks_exports);
+var import_easy = require("@thisisagile/easy");
+var import_react = require("react");
+const useToggle = (initialState = false) => {
+  const [state, setState] = (0, import_react.useState)(initialState);
+  return [state, () => setState((s) => !s)];
+};
+const useA = (item = {}) => {
+  const [state, setState] = (0, import_react.useState)({ isValid: false, ...item });
+  return [
+    state,
+    (e) => {
+      setState(e);
+      return e;
+    }
+  ];
+};
+const useAn = useA;
+const useOptional = (item) => {
+  const [state, setState] = (0, import_react.useState)(item);
+  const set = (e) => {
+    setState(e);
+    return e;
+  };
+  return [state, set, () => set()];
+};
+const useEntity = useA;
+const useList = (...items) => {
+  const [state, setState] = (0, import_react.useState)((0, import_easy.toList)(...items));
+  return [
+    state,
+    (e) => {
+      setState(e);
+      return e;
+    }
+  ];
+};
+const usePageList = (...items) => {
+  const [pages, setPages] = (0, import_react.useState)((0, import_easy.toPageList)(items));
+  return [
+    pages,
+    (e) => {
+      setPages(e);
+      return e;
+    }
+  ];
+};
+const usePaging = (f, options) => {
+  const [list, setList] = usePageList();
+  const [skip, setSkip] = (0, import_react.useState)(options?.skip ?? 0);
+  const [take] = (0, import_react.useState)(options?.take ?? 5);
+  const next = (options2 = { skip, take }) => f(options2).then((items) => {
+    setSkip(skip + take);
+    return setList((0, import_easy.toPageList)(list.add(items), items));
+  });
+  return [list, next, list.length < (list?.total ?? 0), skip, take];
+};
+const useGet = (f, initial) => {
+  const [item, setItem] = (0, import_react.useState)(initial ?? {});
+  const getter = () => f().then((i) => {
+    setItem(i);
+    return i;
+  });
+  return [item, getter];
+};
+const useGetList = (f) => {
+  const [list, setList] = usePageList();
+  const getter = () => f().then((l) => setList((0, import_easy.isPageList)(l) ? l : (0, import_easy.toPageList)(l, { total: l.length })));
+  return [list, getter];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useA,
+  useAn,
+  useEntity,
+  useGet,
+  useGetList,
+  useList,
+  useOptional,
+  usePageList,
+  usePaging,
+  useToggle
+});
+//# sourceMappingURL=Hooks.js.map

package/dist/utils/Hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/Hooks.ts"],"sourcesContent":["import { isPageList, List, Optional, PageList, PageOptions, toList, toPageList, Validatable } from '@thisisagile/easy';\nimport { useState } from 'react';\n\nexport const useToggle = (initialState = false): [boolean, () => void] => {\n  const [state, setState] = useState<boolean>(initialState);\n  return [state, () => setState(s => !s)];\n};\n\nexport const useA = <E extends Validatable>(item: Partial<E> = {} as Partial<E>): [E, (e: E) => E] => {\n  const [state, setState] = useState<E>({ isValid: false, ...item } as E);\n  return [\n    state,\n    (e: E): E => {\n      setState(e);\n      return e;\n    },\n  ];\n};\n\nexport const useAn = useA;\n\nexport const useOptional = <E>(item?: Partial<E>): [E, (e: Optional<E>) => Optional<E>, () => Optional<E>] => {\n  const [state, setState] = useState<E>(item as E);\n  const set = (e?: Optional<E>): Optional<E> => {\n    setState(e as E);\n    return e;\n  };\n  return [state, set, (): Optional<E> => set()];\n};\n\nexport const useEntity = useA;\n\nexport const useList = <E>(...items: E[]): [List<E>, (e: List<E>) => List<E>] => {\n  const [state, setState] = useState<List<E>>(toList<E>(...items));\n  return [\n    state,\n    (e: List<E>): List<E> => {\n      setState(e);\n      return e;\n    },\n  ];\n};\n\nexport const usePageList = <E>(...items: E[]): [PageList<E>, (e: PageList<E>) => PageList<E>] => {\n  const [pages, setPages] = useState<PageList<E>>(toPageList<E>(items));\n  return [\n    pages,\n    (e: PageList<E>): PageList<E> => {\n      setPages(e);\n      return e;\n    },\n  ];\n};\n\nexport const usePaging = <E>(\n  f: (options?: PageOptions) => Promise<PageList<E>>,\n  options?: PageOptions\n): [PageList<E>, (options?: PageOptions) => Promise<PageList<E>>, boolean, number, number] => {\n  const [list, setList] = usePageList<E>();\n  const [skip, setSkip] = useState(options?.skip ?? 0);\n  const [take] = useState(options?.take ?? 5);\n  const next = (options: PageOptions = { skip, take }) =>\n    f(options).then(items => {\n      setSkip(skip + take);\n      return setList(toPageList(list.add(items), items));\n    });\n  return [list, next, list.length < (list?.total ?? 0), skip, take];\n};\n\nexport const useGet = <E>(f: () => Promise<E>, initial?: Partial<E>): [E, () => Promise<E>] => {\n  const [item, setItem] = useState((initial ?? {}) as E);\n  const getter = () =>\n    f().then(i => {\n      setItem(i);\n      return i;\n    });\n  return [item, getter];\n};\n\nexport const useGetList = <E>(f: () => Promise<List<E>>): [List<E>, () => Promise<PageList<E>>] => {\n  const [list, setList] = usePageList<E>();\n  const getter = () => f().then(l => setList(isPageList<E>(l) ? l : toPageList(l, { total: l.length })));\n  return [list, getter];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmG;AACnG,mBAAyB;AAElB,MAAM,YAAY,CAAC,eAAe,UAAiC;AACxE,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAkB,YAAY;AACxD,SAAO,CAAC,OAAO,MAAM,SAAS,OAAK,CAAC,CAAC,CAAC;AACxC;AAEO,MAAM,OAAO,CAAwB,OAAmB,CAAC,MAAsC;AACpG,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAY,EAAE,SAAS,OAAO,GAAG,KAAK,CAAM;AACtE,SAAO;AAAA,IACL;AAAA,IACA,CAAC,MAAY;AACX,eAAS,CAAC;AACV,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,QAAQ;AAEd,MAAM,cAAc,CAAI,SAA+E;AAC5G,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAY,IAAS;AAC/C,QAAM,MAAM,CAAC,MAAiC;AAC5C,aAAS,CAAM;AACf,WAAO;AAAA,EACT;AACA,SAAO,CAAC,OAAO,KAAK,MAAmB,IAAI,CAAC;AAC9C;AAEO,MAAM,YAAY;AAElB,MAAM,UAAU,IAAO,UAAmD;AAC/E,QAAM,CAAC,OAAO,QAAQ,QAAI,2BAAkB,oBAAU,GAAG,KAAK,CAAC;AAC/D,SAAO;AAAA,IACL;AAAA,IACA,CAAC,MAAwB;AACvB,eAAS,CAAC;AACV,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,cAAc,IAAO,UAA+D;AAC/F,QAAM,CAAC,OAAO,QAAQ,QAAI,2BAAsB,wBAAc,KAAK,CAAC;AACpE,SAAO;AAAA,IACL;AAAA,IACA,CAAC,MAAgC;AAC/B,eAAS,CAAC;AACV,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CACvB,GACA,YAC4F;AAC5F,QAAM,CAAC,MAAM,OAAO,IAAI,YAAe;AACvC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,SAAS,QAAQ,CAAC;AACnD,QAAM,CAAC,IAAI,QAAI,uBAAS,SAAS,QAAQ,CAAC;AAC1C,QAAM,OAAO,CAACA,WAAuB,EAAE,MAAM,KAAK,MAChD,EAAEA,QAAO,EAAE,KAAK,WAAS;AACvB,YAAQ,OAAO,IAAI;AACnB,WAAO,YAAQ,wBAAW,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC;AAAA,EACnD,CAAC;AACH,SAAO,CAAC,MAAM,MAAM,KAAK,UAAU,MAAM,SAAS,IAAI,MAAM,IAAI;AAClE;AAEO,MAAM,SAAS,CAAI,GAAqB,YAAgD;AAC7F,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAU,WAAW,CAAC,CAAO;AACrD,QAAM,SAAS,MACb,EAAE,EAAE,KAAK,OAAK;AACZ,YAAQ,CAAC;AACT,WAAO;AAAA,EACT,CAAC;AACH,SAAO,CAAC,MAAM,MAAM;AACtB;AAEO,MAAM,aAAa,CAAI,MAAqE;AACjG,QAAM,CAAC,MAAM,OAAO,IAAI,YAAe;AACvC,QAAM,SAAS,MAAM,EAAE,EAAE,KAAK,OAAK,YAAQ,wBAAc,CAAC,IAAI,QAAI,wBAAW,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACrG,SAAO,CAAC,MAAM,MAAM;AACtB;","names":["options"]}

package/dist/utils/Hooks.mjs

@@ -0,0 +1,82 @@
+import { isPageList, toList, toPageList } from "@thisisagile/easy";
+import { useState } from "react";
+const useToggle = (initialState = false) => {
+  const [state, setState] = useState(initialState);
+  return [state, () => setState((s) => !s)];
+};
+const useA = (item = {}) => {
+  const [state, setState] = useState({ isValid: false, ...item });
+  return [
+    state,
+    (e) => {
+      setState(e);
+      return e;
+    }
+  ];
+};
+const useAn = useA;
+const useOptional = (item) => {
+  const [state, setState] = useState(item);
+  const set = (e) => {
+    setState(e);
+    return e;
+  };
+  return [state, set, () => set()];
+};
+const useEntity = useA;
+const useList = (...items) => {
+  const [state, setState] = useState(toList(...items));
+  return [
+    state,
+    (e) => {
+      setState(e);
+      return e;
+    }
+  ];
+};
+const usePageList = (...items) => {
+  const [pages, setPages] = useState(toPageList(items));
+  return [
+    pages,
+    (e) => {
+      setPages(e);
+      return e;
+    }
+  ];
+};
+const usePaging = (f, options) => {
+  const [list, setList] = usePageList();
+  const [skip, setSkip] = useState(options?.skip ?? 0);
+  const [take] = useState(options?.take ?? 5);
+  const next = (options2 = { skip, take }) => f(options2).then((items) => {
+    setSkip(skip + take);
+    return setList(toPageList(list.add(items), items));
+  });
+  return [list, next, list.length < (list?.total ?? 0), skip, take];
+};
+const useGet = (f, initial) => {
+  const [item, setItem] = useState(initial ?? {});
+  const getter = () => f().then((i) => {
+    setItem(i);
+    return i;
+  });
+  return [item, getter];
+};
+const useGetList = (f) => {
+  const [list, setList] = usePageList();
+  const getter = () => f().then((l) => setList(isPageList(l) ? l : toPageList(l, { total: l.length })));
+  return [list, getter];
+};
+export {
+  useA,
+  useAn,
+  useEntity,
+  useGet,
+  useGetList,
+  useList,
+  useOptional,
+  usePageList,
+  usePaging,
+  useToggle
+};
+//# sourceMappingURL=Hooks.mjs.map

package/dist/utils/Hooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/Hooks.ts"],"sourcesContent":["import { isPageList, List, Optional, PageList, PageOptions, toList, toPageList, Validatable } from '@thisisagile/easy';\nimport { useState } from 'react';\n\nexport const useToggle = (initialState = false): [boolean, () => void] => {\n  const [state, setState] = useState<boolean>(initialState);\n  return [state, () => setState(s => !s)];\n};\n\nexport const useA = <E extends Validatable>(item: Partial<E> = {} as Partial<E>): [E, (e: E) => E] => {\n  const [state, setState] = useState<E>({ isValid: false, ...item } as E);\n  return [\n    state,\n    (e: E): E => {\n      setState(e);\n      return e;\n    },\n  ];\n};\n\nexport const useAn = useA;\n\nexport const useOptional = <E>(item?: Partial<E>): [E, (e: Optional<E>) => Optional<E>, () => Optional<E>] => {\n  const [state, setState] = useState<E>(item as E);\n  const set = (e?: Optional<E>): Optional<E> => {\n    setState(e as E);\n    return e;\n  };\n  return [state, set, (): Optional<E> => set()];\n};\n\nexport const useEntity = useA;\n\nexport const useList = <E>(...items: E[]): [List<E>, (e: List<E>) => List<E>] => {\n  const [state, setState] = useState<List<E>>(toList<E>(...items));\n  return [\n    state,\n    (e: List<E>): List<E> => {\n      setState(e);\n      return e;\n    },\n  ];\n};\n\nexport const usePageList = <E>(...items: E[]): [PageList<E>, (e: PageList<E>) => PageList<E>] => {\n  const [pages, setPages] = useState<PageList<E>>(toPageList<E>(items));\n  return [\n    pages,\n    (e: PageList<E>): PageList<E> => {\n      setPages(e);\n      return e;\n    },\n  ];\n};\n\nexport const usePaging = <E>(\n  f: (options?: PageOptions) => Promise<PageList<E>>,\n  options?: PageOptions\n): [PageList<E>, (options?: PageOptions) => Promise<PageList<E>>, boolean, number, number] => {\n  const [list, setList] = usePageList<E>();\n  const [skip, setSkip] = useState(options?.skip ?? 0);\n  const [take] = useState(options?.take ?? 5);\n  const next = (options: PageOptions = { skip, take }) =>\n    f(options).then(items => {\n      setSkip(skip + take);\n      return setList(toPageList(list.add(items), items));\n    });\n  return [list, next, list.length < (list?.total ?? 0), skip, take];\n};\n\nexport const useGet = <E>(f: () => Promise<E>, initial?: Partial<E>): [E, () => Promise<E>] => {\n  const [item, setItem] = useState((initial ?? {}) as E);\n  const getter = () =>\n    f().then(i => {\n      setItem(i);\n      return i;\n    });\n  return [item, getter];\n};\n\nexport const useGetList = <E>(f: () => Promise<List<E>>): [List<E>, () => Promise<PageList<E>>] => {\n  const [list, setList] = usePageList<E>();\n  const getter = () => f().then(l => setList(isPageList<E>(l) ? l : toPageList(l, { total: l.length })));\n  return [list, getter];\n};\n"],"mappings":"AAAA,SAAS,YAAmD,QAAQ,kBAA+B;AACnG,SAAS,gBAAgB;AAElB,MAAM,YAAY,CAAC,eAAe,UAAiC;AACxE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB,YAAY;AACxD,SAAO,CAAC,OAAO,MAAM,SAAS,OAAK,CAAC,CAAC,CAAC;AACxC;AAEO,MAAM,OAAO,CAAwB,OAAmB,CAAC,MAAsC;AACpG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,EAAE,SAAS,OAAO,GAAG,KAAK,CAAM;AACtE,SAAO;AAAA,IACL;AAAA,IACA,CAAC,MAAY;AACX,eAAS,CAAC;AACV,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,QAAQ;AAEd,MAAM,cAAc,CAAI,SAA+E;AAC5G,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,IAAS;AAC/C,QAAM,MAAM,CAAC,MAAiC;AAC5C,aAAS,CAAM;AACf,WAAO;AAAA,EACT;AACA,SAAO,CAAC,OAAO,KAAK,MAAmB,IAAI,CAAC;AAC9C;AAEO,MAAM,YAAY;AAElB,MAAM,UAAU,IAAO,UAAmD;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB,OAAU,GAAG,KAAK,CAAC;AAC/D,SAAO;AAAA,IACL;AAAA,IACA,CAAC,MAAwB;AACvB,eAAS,CAAC;AACV,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,cAAc,IAAO,UAA+D;AAC/F,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAsB,WAAc,KAAK,CAAC;AACpE,SAAO;AAAA,IACL;AAAA,IACA,CAAC,MAAgC;AAC/B,eAAS,CAAC;AACV,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CACvB,GACA,YAC4F;AAC5F,QAAM,CAAC,MAAM,OAAO,IAAI,YAAe;AACvC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,SAAS,QAAQ,CAAC;AACnD,QAAM,CAAC,IAAI,IAAI,SAAS,SAAS,QAAQ,CAAC;AAC1C,QAAM,OAAO,CAACA,WAAuB,EAAE,MAAM,KAAK,MAChD,EAAEA,QAAO,EAAE,KAAK,WAAS;AACvB,YAAQ,OAAO,IAAI;AACnB,WAAO,QAAQ,WAAW,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC;AAAA,EACnD,CAAC;AACH,SAAO,CAAC,MAAM,MAAM,KAAK,UAAU,MAAM,SAAS,IAAI,MAAM,IAAI;AAClE;AAEO,MAAM,SAAS,CAAI,GAAqB,YAAgD;AAC7F,QAAM,CAAC,MAAM,OAAO,IAAI,SAAU,WAAW,CAAC,CAAO;AACrD,QAAM,SAAS,MACb,EAAE,EAAE,KAAK,OAAK;AACZ,YAAQ,CAAC;AACT,WAAO;AAAA,EACT,CAAC;AACH,SAAO,CAAC,MAAM,MAAM;AACtB;AAEO,MAAM,aAAa,CAAI,MAAqE;AACjG,QAAM,CAAC,MAAM,OAAO,IAAI,YAAe;AACvC,QAAM,SAAS,MAAM,EAAE,EAAE,KAAK,OAAK,QAAQ,WAAc,CAAC,IAAI,IAAI,WAAW,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACrG,SAAO,CAAC,MAAM,MAAM;AACtB;","names":["options"]}

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+module.exports = __toCommonJS(utils_exports);
+__reExport(utils_exports, require("./Hooks"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Hooks")
+});
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './Hooks';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;","names":[]}

package/dist/utils/index.mjs

@@ -0,0 +1,2 @@
+export * from "./Hooks";
+//# sourceMappingURL=index.mjs.map

package/dist/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './Hooks';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thisisagile/easy-react",
-  "version": "15.8.5",
+  "version": "15.8.7",
   "description": "Straightforward library building micro applications in react",
   "author": "Sander Hoogendoorn",
   "license": "MIT",
@@ -22,7 +22,7 @@
     "lint": "yarn g:eslint . --ext .js,.jsx,.ts,.tsx --fix",
     "format": "yarn g:prettier --check --write src test *.json",
     "build": "yarn g:tsc",
-    "build:tsup": "yarn g:tsup",
+    "build:tsup": "yarn g:tsup --onSuccess \"yarn g:tsc --emitDeclarationOnly --declaration\"",
     "postbuild": "copyfiles -u 1 src/**/*.scss dist",
     "test": "yarn g:jest --coverage",
     "prepack": "yarn g:copy-readme",
@@ -36,8 +36,8 @@
     "access": "public"
   },
   "devDependencies": {
-    "@thisisagile/easy-test": "15.8.5",
-    "@thisisagile/easy-test-react": "15.8.5",
+    "@thisisagile/easy-test": "15.8.7",
+    "@thisisagile/easy-test-react": "15.8.7",
     "@types/copyfiles": "^2.4.1",
     "copyfiles": "^2.4.1",
     "jest-environment-jsdom": "^29.5.0",
@@ -46,7 +46,7 @@
     "next-transpile-modules": "^10.0.0"
   },
   "dependencies": {
-    "@thisisagile/easy": "^15.8.5",
+    "@thisisagile/easy": "^15.8.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sass": "^1.62.1"

package/dist/index.d.mts

@@ -1,21 +0,0 @@
-import { ReactNode, FunctionComponent } from 'react';
-import { Validatable, Optional, List, PageList, PageOptions } from '@thisisagile/easy';
-
-interface IfProps {
-    condition: any | undefined;
-    children?: ReactNode;
-}
-declare const If: FunctionComponent<IfProps>;
-
-declare const useToggle: (initialState?: boolean) => [boolean, () => void];
-declare const useA: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
-declare const useAn: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
-declare const useOptional: <E>(item?: Partial<E> | undefined) => [E, (e: Optional<E>) => Optional<E>, () => Optional<E>];
-declare const useEntity: <E extends Validatable>(item?: Partial<E>) => [E, (e: E) => E];
-declare const useList: <E>(...items: E[]) => [List<E>, (e: List<E>) => List<E>];
-declare const usePageList: <E>(...items: E[]) => [PageList<E>, (e: PageList<E>) => PageList<E>];
-declare const usePaging: <E>(f: (options?: PageOptions) => Promise<PageList<E>>, options?: PageOptions) => [PageList<E>, (options?: PageOptions) => Promise<PageList<E>>, boolean, number, number];
-declare const useGet: <E>(f: () => Promise<E>, initial?: Partial<E> | undefined) => [E, () => Promise<E>];
-declare const useGetList: <E>(f: () => Promise<List<E>>) => [List<E>, () => Promise<PageList<E>>];
-
-export { If, IfProps, useA, useAn, useEntity, useGet, useGetList, useList, useOptional, usePageList, usePaging, useToggle };