@thisisagile/easy-react 19.1.4 → 20.0.0

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@thisisagile/easy-react",
-  "version": "19.1.4",
+  "version": "20.0.0",
   "description": "Straightforward library building micro applications in react",
   "author": "Sander Hoogendoorn",
   "license": "MIT",
+  "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
     "type": "git",
@@ -21,8 +22,7 @@
   "scripts": {
     "lint": "yarn g:eslint . --ext .js,.jsx,.ts,.tsx --fix",
     "format": "yarn g:prettier --check --write src test *.json",
-    "build": "yarn build:tsup",
-    "build:tsup": "yarn g:tsup && yarn g:tsc --emitDeclarationOnly --declaration",
+    "build": "yarn g:tsdown && yarn g:exports",
     "postbuild": "copyfiles -u 1 src/**/*.scss dist",
     "test": "yarn g:jest --coverage",
     "prepack": "yarn g:copy-readme",
@@ -36,6 +36,9 @@
   "publishConfig": {
     "access": "public"
   },
+  "engines": {
+    "node": ">=20.19.0"
+  },
   "devDependencies": {
     "@thisisagile/easy-test": "*",
     "@thisisagile/easy-test-react": "*",
@@ -43,11 +46,10 @@
     "copyfiles": "^2.4.1",
     "jest-environment-jsdom": "^29.7.0",
     "jest-transform-stub": "^2.0.0",
-    "next": "^15.5.28",
-    "next-transpile-modules": "^10.0.0"
+    "next": "^15.5.28"
   },
   "dependencies": {
-    "@thisisagile/easy": "^19.1.4",
+    "@thisisagile/easy": "^20.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sass": "^1.80.3"
@@ -55,48 +57,47 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "default": "./dist/index.js"
     },
     "./layout/If": {
       "types": "./dist/layout/If.d.ts",
-      "import": "./dist/layout/If.mjs"
+      "default": "./dist/layout/If.js"
     },
     "./layout/index": {
       "types": "./dist/layout/index.d.ts",
-      "import": "./dist/layout/index.mjs"
+      "default": "./dist/layout/index.js"
     },
     "./utils/Children": {
       "types": "./dist/utils/Children.d.ts",
-      "import": "./dist/utils/Children.mjs"
+      "default": "./dist/utils/Children.js"
     },
     "./utils/Hooks": {
       "types": "./dist/utils/Hooks.d.ts",
-      "import": "./dist/utils/Hooks.mjs"
+      "default": "./dist/utils/Hooks.js"
     },
     "./utils/index": {
       "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.mjs"
+      "default": "./dist/utils/index.js"
     },
     "./utils/toClasses": {
       "types": "./dist/utils/toClasses.d.ts",
-      "import": "./dist/utils/toClasses.mjs"
+      "default": "./dist/utils/toClasses.js"
     },
     "./utils/useOnce": {
       "types": "./dist/utils/useOnce.d.ts",
-      "import": "./dist/utils/useOnce.mjs"
+      "default": "./dist/utils/useOnce.js"
     },
     "./utils/useRev": {
       "types": "./dist/utils/useRev.d.ts",
-      "import": "./dist/utils/useRev.mjs"
+      "default": "./dist/utils/useRev.js"
     },
     "./utils/useState": {
       "types": "./dist/utils/useState.d.ts",
-      "import": "./dist/utils/useState.mjs"
+      "default": "./dist/utils/useState.js"
     },
     "./utils/useToggle": {
       "types": "./dist/utils/useToggle.d.ts",
-      "import": "./dist/utils/useToggle.mjs"
+      "default": "./dist/utils/useToggle.js"
     },
     "./src/*": "./src/*",
     "./dist/*": "./dist/*",

package/dist/chunk-3NRZNMHB.mjs

@@ -1,89 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

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

package/dist/chunk-M2BG3FAA.mjs.map

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

package/dist/chunk-M3I4MUWH.mjs

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

package/dist/chunk-M3I4MUWH.mjs.map

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

package/dist/chunk-S5QJ6HAZ.mjs

@@ -1,12 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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-XFIUD32G.mjs

@@ -1,12 +0,0 @@
-// src/utils/useState.ts
-import { useState as useReactState } from "react";
-function useState(initial) {
-  const [state, setState] = useReactState(initial);
-  const reset = () => setState(initial);
-  return [state, setState, reset];
-}
-
-export {
-  useState
-};
-//# sourceMappingURL=chunk-XFIUD32G.mjs.map

package/dist/chunk-XFIUD32G.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/useState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useState as useReactState } from 'react';\n\nexport function useState<T>(): [T | undefined, Dispatch<SetStateAction<T | undefined>>, () => void];\nexport function useState<T>(initial: T): [T, Dispatch<SetStateAction<T>>, () => void];\nexport function useState<T>(initial?: T) {\n  const [state, setState] = useReactState(initial);\n  const reset = () => setState(initial);\n  return [state, setState, reset] as const;\n}\n"],"mappings":";AAAA,SAAmC,YAAY,qBAAqB;AAI7D,SAAS,SAAY,SAAa;AACvC,QAAM,CAAC,OAAO,QAAQ,IAAI,cAAc,OAAO;AAC/C,QAAM,QAAQ,MAAM,SAAS,OAAO;AACpC,SAAO,CAAC,OAAO,UAAU,KAAK;AAChC;","names":[]}

package/dist/chunk-XZLKJ4HU.mjs

@@ -1,9 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts","../src/layout/If.tsx","../src/utils/Children.ts","../src/utils/toClasses.ts","../src/utils/Hooks.ts","../src/utils/useOnce.ts","../src/utils/useState.ts","../src/utils/useRev.ts","../src/utils/useToggle.ts"],"sourcesContent":["export * from './layout';\nexport * from './utils';\n","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","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","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","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","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","import { Dispatch, SetStateAction, useState as useReactState } from 'react';\n\nexport function useState<T>(): [T | undefined, Dispatch<SetStateAction<T | undefined>>, () => void];\nexport function useState<T>(initial: T): [T, Dispatch<SetStateAction<T>>, () => void];\nexport function useState<T>(initial?: T) {\n  const [state, setState] = useReactState(initial);\n  const reset = () => setState(initial);\n  return [state, setState, reset] as const;\n}\n","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","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":"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","names":["useState","React","import_easy","import_easy","import_react","options","import_react","import_react","useState","useReactState","useState","useState"]}

package/dist/index.mjs

@@ -1,55 +0,0 @@
-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 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layout/If.mjs

@@ -1,7 +0,0 @@
-import {
-  If
-} from "../chunk-ZW2CHFPD.mjs";
-export {
-  If
-};
-//# sourceMappingURL=If.mjs.map

package/dist/layout/If.mjs.map

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

package/dist/layout/index.mjs

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

package/dist/layout/index.mjs.map

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

package/dist/utils/Children.mjs

@@ -1,7 +0,0 @@
-import {
-  toChildren
-} from "../chunk-XZLKJ4HU.mjs";
-export {
-  toChildren
-};
-//# sourceMappingURL=Children.mjs.map

package/dist/utils/Children.mjs.map

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

package/dist/utils/Hooks.mjs

@@ -1,25 +0,0 @@
-import {
-  useA,
-  useAn,
-  useEntity,
-  useGet,
-  useGetList,
-  useList,
-  useOptional,
-  usePageList,
-  usePaging,
-  useSwitch
-} from "../chunk-3NRZNMHB.mjs";
-export {
-  useA,
-  useAn,
-  useEntity,
-  useGet,
-  useGetList,
-  useList,
-  useOptional,
-  usePageList,
-  usePaging,
-  useSwitch
-};
-//# sourceMappingURL=Hooks.mjs.map

package/dist/utils/Hooks.mjs.map

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

package/dist/utils/index.mjs

@@ -1,50 +0,0 @@
-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 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/toClasses.mjs

@@ -1,7 +0,0 @@
-import {
-  toClasses
-} from "../chunk-VLU7TTX5.mjs";
-export {
-  toClasses
-};
-//# sourceMappingURL=toClasses.mjs.map

package/dist/utils/toClasses.mjs.map

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

package/dist/utils/useOnce.mjs

@@ -1,7 +0,0 @@
-import {
-  useOnce
-} from "../chunk-S5QJ6HAZ.mjs";
-export {
-  useOnce
-};
-//# sourceMappingURL=useOnce.mjs.map

package/dist/utils/useOnce.mjs.map

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

package/dist/utils/useRev.mjs

@@ -1,8 +0,0 @@
-import {
-  useRev
-} from "../chunk-ZGJ22EVC.mjs";
-import "../chunk-XFIUD32G.mjs";
-export {
-  useRev
-};
-//# sourceMappingURL=useRev.mjs.map

package/dist/utils/useRev.mjs.map

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

package/dist/utils/useState.mjs

@@ -1,7 +0,0 @@
-import {
-  useState
-} from "../chunk-XFIUD32G.mjs";
-export {
-  useState
-};
-//# sourceMappingURL=useState.mjs.map

package/dist/utils/useState.mjs.map

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

package/dist/utils/useToggle.mjs

@@ -1,8 +0,0 @@
-import {
-  useToggle
-} from "../chunk-SASVI5SH.mjs";
-import "../chunk-XFIUD32G.mjs";
-export {
-  useToggle
-};
-//# sourceMappingURL=useToggle.mjs.map

package/dist/utils/useToggle.mjs.map

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