@thisisagile/easy-react 18.17.0 → 19.0.0

package/dist/chunk-3NRZNMHB.mjs

@@ -0,0 +1,89 @@
+// src/utils/Hooks.ts
+import { isPageList, ofGet, toList, toPageList } from "@thisisagile/easy";
+import { useState } from "react";
+function useSwitch(...states) {
+  const [state, setState] = useState(states[0]);
+  const next = () => setState((s) => states[(states.indexOf(s) + 1) % states.length]);
+  const isState = (t) => state === t;
+  function ifState(t, yes, no) {
+    return ofGet(state === t ? yes : no, t);
+  }
+  return { state, next, states, isState, ifState };
+}
+var useA = (item = {}) => {
+  const [state, setState] = useState({ isValid: false, ...item });
+  return [
+    state,
+    (e) => {
+      setState(e);
+      return e;
+    }
+  ];
+};
+var useAn = useA;
+var useOptional = (item) => {
+  const [state, setState] = useState(item);
+  const set = (e) => {
+    setState(e);
+    return e;
+  };
+  return [state, set, () => set()];
+};
+var useEntity = useA;
+var useList = (...items) => {
+  const [state, setState] = useState(toList(...items));
+  return [
+    state,
+    (e) => {
+      setState(e);
+      return e;
+    }
+  ];
+};
+var usePageList = (...items) => {
+  const [pages, setPages] = useState(toPageList(items));
+  return [
+    pages,
+    (e) => {
+      setPages(e);
+      return e;
+    }
+  ];
+};
+var 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];
+};
+var useGet = (f, initial) => {
+  const [item, setItem] = useState(initial ?? {});
+  const getter = () => f().then((i) => {
+    setItem(i);
+    return i;
+  });
+  return [item, getter];
+};
+var useGetList = (f) => {
+  const [list, setList] = usePageList();
+  const getter = () => f().then((l) => setList(isPageList(l) ? l : toPageList(l, { total: l.length })));
+  return [list, getter];
+};
+
+export {
+  useSwitch,
+  useA,
+  useAn,
+  useOptional,
+  useEntity,
+  useList,
+  usePageList,
+  usePaging,
+  useGet,
+  useGetList
+};
+//# sourceMappingURL=chunk-3NRZNMHB.mjs.map

package/dist/chunk-3NRZNMHB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/Hooks.ts"],"sourcesContent":["import { Get, isPageList, List, ofGet, Optional, PageList, PageOptions, Predicate, toList, toPageList, Validatable } from '@thisisagile/easy';\nimport { useState } from 'react';\n\n// export const useToggle = (initialState = false): [boolean, () => void] => {\n//   const [state, setState] = useState<boolean>(initialState);\n//   return [state, () => setState(s => !s)];\n// };\n\nexport function useSwitch<T>(...states: T[]): {\n  state: T;\n  next: () => void;\n  states: T[];\n  isState: Predicate<T>;\n  ifState: <U>(t: T, yes: Get<U, T>, no: Get<U, T>) => U;\n} {\n  const [state, setState] = useState(states[0]);\n  const next = () => setState(s => states[(states.indexOf(s) + 1) % states.length]);\n  const isState = (t: T) => state === t;\n\n  function ifState<U>(t: T, yes: Get<U, T>, no: Get<U, T>): U {\n    return ofGet(state === t ? yes : no, t);\n  }\n\n  return { state, next, states, isState, ifState };\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,SAAc,YAAkB,OAAmD,QAAQ,kBAA+B;AAC1H,SAAS,gBAAgB;AAOlB,SAAS,aAAgB,QAM9B;AACA,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,OAAO,CAAC,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS,OAAK,QAAQ,OAAO,QAAQ,CAAC,IAAI,KAAK,OAAO,MAAM,CAAC;AAChF,QAAM,UAAU,CAAC,MAAS,UAAU;AAEpC,WAAS,QAAW,GAAM,KAAgB,IAAkB;AAC1D,WAAO,MAAM,UAAU,IAAI,MAAM,IAAI,CAAC;AAAA,EACxC;AAEA,SAAO,EAAE,OAAO,MAAM,QAAQ,SAAS,QAAQ;AACjD;AAEO,IAAM,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,IAAM,QAAQ;AAEd,IAAM,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,IAAM,YAAY;AAElB,IAAM,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,IAAM,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,IAAM,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,IAAM,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,IAAM,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/chunk-M2BG3FAA.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-M2BG3FAA.mjs.map

package/dist/chunk-M2BG3FAA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-M3I4MUWH.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-M3I4MUWH.mjs.map

package/dist/chunk-M3I4MUWH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-S5QJ6HAZ.mjs

@@ -0,0 +1,12 @@
+// src/utils/useOnce.ts
+import { useEffect, useState } from "react";
+function useOnce(f, options) {
+  const [item, setItem] = useState(options?.initial);
+  useEffect(() => void f().then((i) => setItem(i)), options?.deps ?? []);
+  return [item];
+}
+
+export {
+  useOnce
+};
+//# sourceMappingURL=chunk-S5QJ6HAZ.mjs.map

package/dist/chunk-S5QJ6HAZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/useOnce.ts"],"sourcesContent":["import { DependencyList, useEffect, useState } from 'react';\n\nexport type UseOnceOptions<E> = {\n  deps?: DependencyList;\n  initial?: Partial<E>;\n};\n\nexport function useOnce<E>(f: () => Promise<E>, options?: UseOnceOptions<E>): [E] {\n  const [item, setItem] = useState(options?.initial as E);\n  useEffect(() => void f().then(i => setItem(i)), options?.deps ?? []);\n  return [item];\n}\n"],"mappings":";AAAA,SAAyB,WAAW,gBAAgB;AAO7C,SAAS,QAAW,GAAqB,SAAkC;AAChF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,SAAS,OAAY;AACtD,YAAU,MAAM,KAAK,EAAE,EAAE,KAAK,OAAK,QAAQ,CAAC,CAAC,GAAG,SAAS,QAAQ,CAAC,CAAC;AACnE,SAAO,CAAC,IAAI;AACd;","names":[]}

package/dist/chunk-SASVI5SH.mjs

@@ -0,0 +1,19 @@
+import {
+  useState
+} from "./chunk-XFIUD32G.mjs";
+
+// src/utils/useToggle.ts
+function useToggle(initial = false) {
+  const [state, setState] = useState(initial);
+  const toggle = () => setState((s) => !s);
+  const flip = (fn) => {
+    setState((s) => !s);
+    return fn().finally(() => setState((s) => !s));
+  };
+  return [state, toggle, flip];
+}
+
+export {
+  useToggle
+};
+//# sourceMappingURL=chunk-SASVI5SH.mjs.map

package/dist/chunk-SASVI5SH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/useToggle.ts"],"sourcesContent":["import { useState } from './useState';\n\nexport function useToggle(initial = false): [boolean, () => void, <T>(fn: () => Promise<T>) => Promise<T>] {\n  const [state, setState] = useState(initial);\n  const toggle = () => setState(s => !s);\n  const flip = <T>(fn: () => Promise<T>) => {\n    setState(s => !s);\n    return fn().finally(() => setState(s => !s));\n  };\n  return [state, toggle, flip];\n}\n"],"mappings":";;;;;AAEO,SAAS,UAAU,UAAU,OAAuE;AACzG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,OAAO;AAC1C,QAAM,SAAS,MAAM,SAAS,OAAK,CAAC,CAAC;AACrC,QAAM,OAAO,CAAI,OAAyB;AACxC,aAAS,OAAK,CAAC,CAAC;AAChB,WAAO,GAAG,EAAE,QAAQ,MAAM,SAAS,OAAK,CAAC,CAAC,CAAC;AAAA,EAC7C;AACA,SAAO,CAAC,OAAO,QAAQ,IAAI;AAC7B;","names":[]}

package/dist/chunk-VLU7TTX5.mjs

@@ -0,0 +1,8 @@
+// src/utils/toClasses.ts
+import { entries, ifTrue, toArray } from "@thisisagile/easy";
+var toClasses = (styles, classes, props) => [...toArray(classes).map((c) => styles[c]), ...entries(props).map(([key, val]) => ifTrue(val, styles[key]))].filter(Boolean).join(" ");
+
+export {
+  toClasses
+};
+//# sourceMappingURL=chunk-VLU7TTX5.mjs.map

package/dist/chunk-VLU7TTX5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/toClasses.ts"],"sourcesContent":["import { entries, ifTrue, OneOrMore, Optional, toArray } from '@thisisagile/easy';\n\nexport const toClasses = (styles: Record<string, string>, classes: OneOrMore<string>, props: Record<string, Optional<boolean>>): string =>\n  [...toArray(classes).map(c => styles[c]), ...entries(props).map(([key, val]) => ifTrue(val, styles[key]))].filter(Boolean).join(' ');\n"],"mappings":";AAAA,SAAS,SAAS,QAA6B,eAAe;AAEvD,IAAM,YAAY,CAAC,QAAgC,SAA4B,UACpF,CAAC,GAAG,QAAQ,OAAO,EAAE,IAAI,OAAK,OAAO,CAAC,CAAC,GAAG,GAAG,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,GAAG,MAAM,OAAO,KAAK,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;","names":[]}

package/dist/chunk-XZLKJ4HU.mjs

@@ -0,0 +1,9 @@
+// src/utils/Children.ts
+import { isDefined, toList } from "@thisisagile/easy";
+import React from "react";
+var toChildren = (children) => toList(React.Children.toArray(children).filter(isDefined));
+
+export {
+  toChildren
+};
+//# sourceMappingURL=chunk-XZLKJ4HU.mjs.map

package/dist/chunk-XZLKJ4HU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/Children.ts"],"sourcesContent":["import { isDefined, List, toList } from '@thisisagile/easy';\nimport React, { ReactNode } from 'react';\n\nexport const toChildren = (children: ReactNode): List<ReactNode> => toList(React.Children.toArray(children).filter(isDefined));\n"],"mappings":";AAAA,SAAS,WAAiB,cAAc;AACxC,OAAO,WAA0B;AAE1B,IAAM,aAAa,CAAC,aAAyC,OAAO,MAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,SAAS,CAAC;","names":[]}

package/dist/chunk-ZGJ22EVC.mjs

@@ -0,0 +1,15 @@
+import {
+  useState
+} from "./chunk-XFIUD32G.mjs";
+
+// src/utils/useRev.ts
+var useRev = (initial = 0) => {
+  const [rev, setRev, reset] = useState(initial);
+  const revalidate = () => setRev((r) => r + 1);
+  return { rev, revalidate, reset };
+};
+
+export {
+  useRev
+};
+//# sourceMappingURL=chunk-ZGJ22EVC.mjs.map

package/dist/chunk-ZGJ22EVC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/useRev.ts"],"sourcesContent":["import { useState } from './useState';\n\nexport const useRev = (initial = 0) => {\n  const [rev, setRev, reset] = useState(initial);\n  const revalidate = () => setRev(r => r + 1);\n  return { rev, revalidate, reset };\n};\n"],"mappings":";;;;;AAEO,IAAM,SAAS,CAAC,UAAU,MAAM;AACrC,QAAM,CAAC,KAAK,QAAQ,KAAK,IAAI,SAAS,OAAO;AAC7C,QAAM,aAAa,MAAM,OAAO,OAAK,IAAI,CAAC;AAC1C,SAAO,EAAE,KAAK,YAAY,MAAM;AAClC;","names":[]}

package/dist/chunk-ZW2CHFPD.mjs

@@ -0,0 +1,8 @@
+// src/layout/If.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+var If = ({ condition, children }) => condition ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
+
+export {
+  If
+};
+//# sourceMappingURL=chunk-ZW2CHFPD.mjs.map

package/dist/chunk-ZW2CHFPD.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,IAAM,KAAiC,CAAC,EAAE,WAAW,SAAS,MAA4B,YAAY,gCAAG,UAAS,IAAM;","names":[]}

package/dist/index.mjs

@@ -1,3 +1,55 @@
-export * from "./layout";
-export * from "./utils";
+import "./chunk-M3I4MUWH.mjs";
+import {
+  If
+} from "./chunk-ZW2CHFPD.mjs";
+import "./chunk-M2BG3FAA.mjs";
+import {
+  useRev
+} from "./chunk-ZGJ22EVC.mjs";
+import {
+  useToggle
+} from "./chunk-SASVI5SH.mjs";
+import {
+  useState
+} from "./chunk-XFIUD32G.mjs";
+import {
+  toChildren
+} from "./chunk-XZLKJ4HU.mjs";
+import {
+  useA,
+  useAn,
+  useEntity,
+  useGet,
+  useGetList,
+  useList,
+  useOptional,
+  usePageList,
+  usePaging,
+  useSwitch
+} from "./chunk-3NRZNMHB.mjs";
+import {
+  toClasses
+} from "./chunk-VLU7TTX5.mjs";
+import {
+  useOnce
+} from "./chunk-S5QJ6HAZ.mjs";
+export {
+  If,
+  toChildren,
+  toClasses,
+  useA,
+  useAn,
+  useEntity,
+  useGet,
+  useGetList,
+  useList,
+  useOnce,
+  useOptional,
+  usePageList,
+  usePaging,
+  useRev,
+  useState,
+  useSwitch,
+  useToggle
+};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

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

package/dist/layout/If.mjs

@@ -1,6 +1,6 @@
-// src/layout/If.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
-var If = ({ condition, children }) => condition ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
+import {
+  If
+} from "../chunk-ZW2CHFPD.mjs";
 export {
   If
 };

package/dist/layout/If.mjs.map

@@ -1 +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,IAAM,KAAiC,CAAC,EAAE,WAAW,SAAS,MAA4B,YAAY,gCAAG,UAAS,IAAM;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layout/index.mjs

@@ -1,2 +1,8 @@
-export * from "./If";
+import "../chunk-M3I4MUWH.mjs";
+import {
+  If
+} from "../chunk-ZW2CHFPD.mjs";
+export {
+  If
+};
 //# sourceMappingURL=index.mjs.map

package/dist/layout/index.mjs.map

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

package/dist/utils/Children.mjs

@@ -1,7 +1,6 @@
-// src/utils/Children.ts
-import { isDefined, toList } from "@thisisagile/easy";
-import React from "react";
-var toChildren = (children) => toList(React.Children.toArray(children).filter(isDefined));
+import {
+  toChildren
+} from "../chunk-XZLKJ4HU.mjs";
 export {
   toChildren
 };

package/dist/utils/Children.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/Children.ts"],"sourcesContent":["import { isDefined, List, toList } from '@thisisagile/easy';\nimport React, { ReactNode } from 'react';\n\nexport const toChildren = (children: ReactNode): List<ReactNode> => toList(React.Children.toArray(children).filter(isDefined));\n"],"mappings":";AAAA,SAAS,WAAiB,cAAc;AACxC,OAAO,WAA0B;AAE1B,IAAM,aAAa,CAAC,aAAyC,OAAO,MAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,SAAS,CAAC;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/Hooks.mjs

@@ -1,78 +1,15 @@
-// src/utils/Hooks.ts
-import { isPageList, ofGet, toList, toPageList } from "@thisisagile/easy";
-import { useState } from "react";
-function useSwitch(...states) {
-  const [state, setState] = useState(states[0]);
-  const next = () => setState((s) => states[(states.indexOf(s) + 1) % states.length]);
-  const isState = (t) => state === t;
-  function ifState(t, yes, no) {
-    return ofGet(state === t ? yes : no, t);
-  }
-  return { state, next, states, isState, ifState };
-}
-var useA = (item = {}) => {
-  const [state, setState] = useState({ isValid: false, ...item });
-  return [
-    state,
-    (e) => {
-      setState(e);
-      return e;
-    }
-  ];
-};
-var useAn = useA;
-var useOptional = (item) => {
-  const [state, setState] = useState(item);
-  const set = (e) => {
-    setState(e);
-    return e;
-  };
-  return [state, set, () => set()];
-};
-var useEntity = useA;
-var useList = (...items) => {
-  const [state, setState] = useState(toList(...items));
-  return [
-    state,
-    (e) => {
-      setState(e);
-      return e;
-    }
-  ];
-};
-var usePageList = (...items) => {
-  const [pages, setPages] = useState(toPageList(items));
-  return [
-    pages,
-    (e) => {
-      setPages(e);
-      return e;
-    }
-  ];
-};
-var 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];
-};
-var useGet = (f, initial) => {
-  const [item, setItem] = useState(initial ?? {});
-  const getter = () => f().then((i) => {
-    setItem(i);
-    return i;
-  });
-  return [item, getter];
-};
-var useGetList = (f) => {
-  const [list, setList] = usePageList();
-  const getter = () => f().then((l) => setList(isPageList(l) ? l : toPageList(l, { total: l.length })));
-  return [list, getter];
-};
+import {
+  useA,
+  useAn,
+  useEntity,
+  useGet,
+  useGetList,
+  useList,
+  useOptional,
+  usePageList,
+  usePaging,
+  useSwitch
+} from "../chunk-3NRZNMHB.mjs";
 export {
   useA,
   useAn,

package/dist/utils/Hooks.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/Hooks.ts"],"sourcesContent":["import { Get, isPageList, List, ofGet, Optional, PageList, PageOptions, Predicate, toList, toPageList, Validatable } from '@thisisagile/easy';\nimport { useState } from 'react';\n\n// export const useToggle = (initialState = false): [boolean, () => void] => {\n//   const [state, setState] = useState<boolean>(initialState);\n//   return [state, () => setState(s => !s)];\n// };\n\nexport function useSwitch<T>(...states: T[]): {\n  state: T;\n  next: () => void;\n  states: T[];\n  isState: Predicate<T>;\n  ifState: <U>(t: T, yes: Get<U, T>, no: Get<U, T>) => U;\n} {\n  const [state, setState] = useState(states[0]);\n  const next = () => setState(s => states[(states.indexOf(s) + 1) % states.length]);\n  const isState = (t: T) => state === t;\n\n  function ifState<U>(t: T, yes: Get<U, T>, no: Get<U, T>): U {\n    return ofGet(state === t ? yes : no, t);\n  }\n\n  return { state, next, states, isState, ifState };\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,SAAc,YAAkB,OAAmD,QAAQ,kBAA+B;AAC1H,SAAS,gBAAgB;AAOlB,SAAS,aAAgB,QAM9B;AACA,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,OAAO,CAAC,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS,OAAK,QAAQ,OAAO,QAAQ,CAAC,IAAI,KAAK,OAAO,MAAM,CAAC;AAChF,QAAM,UAAU,CAAC,MAAS,UAAU;AAEpC,WAAS,QAAW,GAAM,KAAgB,IAAkB;AAC1D,WAAO,MAAM,UAAU,IAAI,MAAM,IAAI,CAAC;AAAA,EACxC;AAEA,SAAO,EAAE,OAAO,MAAM,QAAQ,SAAS,QAAQ;AACjD;AAEO,IAAM,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,IAAM,QAAQ;AAEd,IAAM,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,IAAM,YAAY;AAElB,IAAM,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,IAAM,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,IAAM,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,IAAM,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,IAAM,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"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/index.mjs

@@ -1,8 +1,50 @@
-export * from "./Children";
-export * from "./toClasses";
-export * from "./Hooks";
-export * from "./useOnce";
-export * from "./useRev";
-export * from "./useState";
-export * from "./useToggle";
+import "../chunk-M2BG3FAA.mjs";
+import {
+  useRev
+} from "../chunk-ZGJ22EVC.mjs";
+import {
+  useToggle
+} from "../chunk-SASVI5SH.mjs";
+import {
+  useState
+} from "../chunk-XFIUD32G.mjs";
+import {
+  toChildren
+} from "../chunk-XZLKJ4HU.mjs";
+import {
+  useA,
+  useAn,
+  useEntity,
+  useGet,
+  useGetList,
+  useList,
+  useOptional,
+  usePageList,
+  usePaging,
+  useSwitch
+} from "../chunk-3NRZNMHB.mjs";
+import {
+  toClasses
+} from "../chunk-VLU7TTX5.mjs";
+import {
+  useOnce
+} from "../chunk-S5QJ6HAZ.mjs";
+export {
+  toChildren,
+  toClasses,
+  useA,
+  useAn,
+  useEntity,
+  useGet,
+  useGetList,
+  useList,
+  useOnce,
+  useOptional,
+  usePageList,
+  usePaging,
+  useRev,
+  useState,
+  useSwitch,
+  useToggle
+};
 //# sourceMappingURL=index.mjs.map

package/dist/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './Children';\nexport * from './toClasses';\nexport * from './Hooks';\nexport * from './useOnce';\nexport * from './useRev';\nexport * from './useState';\nexport * from './useToggle';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/toClasses.mjs

@@ -1,6 +1,6 @@
-// src/utils/toClasses.ts
-import { entries, ifTrue, toArray } from "@thisisagile/easy";
-var toClasses = (styles, classes, props) => [...toArray(classes).map((c) => styles[c]), ...entries(props).map(([key, val]) => ifTrue(val, styles[key]))].filter(Boolean).join(" ");
+import {
+  toClasses
+} from "../chunk-VLU7TTX5.mjs";
 export {
   toClasses
 };

package/dist/utils/toClasses.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/toClasses.ts"],"sourcesContent":["import { entries, ifTrue, OneOrMore, Optional, toArray } from '@thisisagile/easy';\n\nexport const toClasses = (styles: Record<string, string>, classes: OneOrMore<string>, props: Record<string, Optional<boolean>>): string =>\n  [...toArray(classes).map(c => styles[c]), ...entries(props).map(([key, val]) => ifTrue(val, styles[key]))].filter(Boolean).join(' ');\n"],"mappings":";AAAA,SAAS,SAAS,QAA6B,eAAe;AAEvD,IAAM,YAAY,CAAC,QAAgC,SAA4B,UACpF,CAAC,GAAG,QAAQ,OAAO,EAAE,IAAI,OAAK,OAAO,CAAC,CAAC,GAAG,GAAG,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,GAAG,MAAM,OAAO,KAAK,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/useOnce.mjs

@@ -1,10 +1,6 @@
-// src/utils/useOnce.ts
-import { useEffect, useState } from "react";
-function useOnce(f, options) {
-  const [item, setItem] = useState(options?.initial);
-  useEffect(() => void f().then((i) => setItem(i)), options?.deps ?? []);
-  return [item];
-}
+import {
+  useOnce
+} from "../chunk-S5QJ6HAZ.mjs";
 export {
   useOnce
 };

package/dist/utils/useOnce.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/useOnce.ts"],"sourcesContent":["import { DependencyList, useEffect, useState } from 'react';\n\nexport type UseOnceOptions<E> = {\n  deps?: DependencyList;\n  initial?: Partial<E>;\n};\n\nexport function useOnce<E>(f: () => Promise<E>, options?: UseOnceOptions<E>): [E] {\n  const [item, setItem] = useState(options?.initial as E);\n  useEffect(() => void f().then(i => setItem(i)), options?.deps ?? []);\n  return [item];\n}\n"],"mappings":";AAAA,SAAyB,WAAW,gBAAgB;AAO7C,SAAS,QAAW,GAAqB,SAAkC;AAChF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,SAAS,OAAY;AACtD,YAAU,MAAM,KAAK,EAAE,EAAE,KAAK,OAAK,QAAQ,CAAC,CAAC,GAAG,SAAS,QAAQ,CAAC,CAAC;AACnE,SAAO,CAAC,IAAI;AACd;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/useRev.mjs

@@ -1,13 +1,7 @@
 import {
-  useState
-} from "../chunk-XFIUD32G.mjs";
-
-// src/utils/useRev.ts
-var useRev = (initial = 0) => {
-  const [rev, setRev, reset] = useState(initial);
-  const revalidate = () => setRev((r) => r + 1);
-  return { rev, revalidate, reset };
-};
+  useRev
+} from "../chunk-ZGJ22EVC.mjs";
+import "../chunk-XFIUD32G.mjs";
 export {
   useRev
 };

package/dist/utils/useRev.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/useRev.ts"],"sourcesContent":["import { useState } from './useState';\n\nexport const useRev = (initial = 0) => {\n  const [rev, setRev, reset] = useState(initial);\n  const revalidate = () => setRev(r => r + 1);\n  return { rev, revalidate, reset };\n};\n"],"mappings":";;;;;AAEO,IAAM,SAAS,CAAC,UAAU,MAAM;AACrC,QAAM,CAAC,KAAK,QAAQ,KAAK,IAAI,SAAS,OAAO;AAC7C,QAAM,aAAa,MAAM,OAAO,OAAK,IAAI,CAAC;AAC1C,SAAO,EAAE,KAAK,YAAY,MAAM;AAClC;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/useToggle.mjs

@@ -1,17 +1,7 @@
 import {
-  useState
-} from "../chunk-XFIUD32G.mjs";
-
-// src/utils/useToggle.ts
-function useToggle(initial = false) {
-  const [state, setState] = useState(initial);
-  const toggle = () => setState((s) => !s);
-  const flip = (fn) => {
-    setState((s) => !s);
-    return fn().finally(() => setState((s) => !s));
-  };
-  return [state, toggle, flip];
-}
+  useToggle
+} from "../chunk-SASVI5SH.mjs";
+import "../chunk-XFIUD32G.mjs";
 export {
   useToggle
 };

package/dist/utils/useToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/useToggle.ts"],"sourcesContent":["import { useState } from './useState';\n\nexport function useToggle(initial = false): [boolean, () => void, <T>(fn: () => Promise<T>) => Promise<T>] {\n  const [state, setState] = useState(initial);\n  const toggle = () => setState(s => !s);\n  const flip = <T>(fn: () => Promise<T>) => {\n    setState(s => !s);\n    return fn().finally(() => setState(s => !s));\n  };\n  return [state, toggle, flip];\n}\n"],"mappings":";;;;;AAEO,SAAS,UAAU,UAAU,OAAuE;AACzG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,OAAO;AAC1C,QAAM,SAAS,MAAM,SAAS,OAAK,CAAC,CAAC;AACrC,QAAM,OAAO,CAAI,OAAyB;AACxC,aAAS,OAAK,CAAC,CAAC;AAChB,WAAO,GAAG,EAAE,QAAQ,MAAM,SAAS,OAAK,CAAC,CAAC,CAAC;AAAA,EAC7C;AACA,SAAO,CAAC,OAAO,QAAQ,IAAI;AAC7B;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thisisagile/easy-react",
-  "version": "18.17.0",
+  "version": "19.0.0",
   "description": "Straightforward library building micro applications in react",
   "author": "Sander Hoogendoorn",
   "license": "MIT",
@@ -21,8 +21,8 @@
   "scripts": {
     "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 --onSuccess \"yarn g:tsc --emitDeclarationOnly --declaration\"",
+    "build": "yarn build:tsup",
+    "build:tsup": "yarn g:tsup && yarn g:tsc --emitDeclarationOnly --declaration && node ../../scripts/check-exports.mjs",
     "postbuild": "copyfiles -u 1 src/**/*.scss dist",
     "test": "yarn g:jest --coverage",
     "prepack": "yarn g:copy-readme",
@@ -47,9 +47,59 @@
     "next-transpile-modules": "^10.0.0"
   },
   "dependencies": {
-    "@thisisagile/easy": "^18.17.0",
+    "@thisisagile/easy": "^19.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sass": "^1.80.3"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./layout/If": {
+      "types": "./dist/layout/If.d.ts",
+      "import": "./dist/layout/If.mjs"
+    },
+    "./layout/index": {
+      "types": "./dist/layout/index.d.ts",
+      "import": "./dist/layout/index.mjs"
+    },
+    "./utils/Children": {
+      "types": "./dist/utils/Children.d.ts",
+      "import": "./dist/utils/Children.mjs"
+    },
+    "./utils/Hooks": {
+      "types": "./dist/utils/Hooks.d.ts",
+      "import": "./dist/utils/Hooks.mjs"
+    },
+    "./utils/index": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.mjs"
+    },
+    "./utils/toClasses": {
+      "types": "./dist/utils/toClasses.d.ts",
+      "import": "./dist/utils/toClasses.mjs"
+    },
+    "./utils/useOnce": {
+      "types": "./dist/utils/useOnce.d.ts",
+      "import": "./dist/utils/useOnce.mjs"
+    },
+    "./utils/useRev": {
+      "types": "./dist/utils/useRev.d.ts",
+      "import": "./dist/utils/useRev.mjs"
+    },
+    "./utils/useState": {
+      "types": "./dist/utils/useState.d.ts",
+      "import": "./dist/utils/useState.mjs"
+    },
+    "./utils/useToggle": {
+      "types": "./dist/utils/useToggle.d.ts",
+      "import": "./dist/utils/useToggle.mjs"
+    },
+    "./src/*": "./src/*",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
   }
 }