@thisisagile/easy-react 19.1.4 → 20.0.1

package/dist/index.d.ts

@@ -1,2 +1,11 @@
-export * from './layout';
-export * from './utils';
+import { If, IfProps } from "./layout/If.js";
+import "./layout/index.js";
+import { toChildren } from "./utils/Children.js";
+import { toClasses } from "./utils/toClasses.js";
+import { useA, useAn, useEntity, useGet, useGetList, useList, useOptional, usePageList, usePaging, useSwitch } from "./utils/Hooks.js";
+import { UseOnceOptions, useOnce } from "./utils/useOnce.js";
+import { useRev } from "./utils/useRev.js";
+import { useState } from "./utils/useState.js";
+import { useToggle } from "./utils/useToggle.js";
+import "./utils/index.js";
+export { If, IfProps, UseOnceOptions, toChildren, toClasses, useA, useAn, useEntity, useGet, useGetList, useList, useOnce, useOptional, usePageList, usePaging, useRev, useState, useSwitch, useToggle };

package/dist/index.js

@@ -1,195 +1,9 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  If: () => If,
-  toChildren: () => toChildren,
-  toClasses: () => toClasses,
-  useA: () => useA,
-  useAn: () => useAn,
-  useEntity: () => useEntity,
-  useGet: () => useGet,
-  useGetList: () => useGetList,
-  useList: () => useList,
-  useOnce: () => useOnce,
-  useOptional: () => useOptional,
-  usePageList: () => usePageList,
-  usePaging: () => usePaging,
-  useRev: () => useRev,
-  useState: () => useState3,
-  useSwitch: () => useSwitch,
-  useToggle: () => useToggle
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/layout/If.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var If = ({ condition, children }) => condition ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) : null;
-
-// src/utils/Children.ts
-var import_easy = require("@thisisagile/easy");
-var import_react = __toESM(require("react"));
-var toChildren = (children) => (0, import_easy.toList)(import_react.default.Children.toArray(children).filter(import_easy.isDefined));
-
-// src/utils/toClasses.ts
-var import_easy2 = require("@thisisagile/easy");
-var toClasses = (styles, classes, props) => [...(0, import_easy2.toArray)(classes).map((c) => styles[c]), ...(0, import_easy2.entries)(props).map(([key, val]) => (0, import_easy2.ifTrue)(val, styles[key]))].filter(Boolean).join(" ");
-
-// src/utils/Hooks.ts
-var import_easy3 = require("@thisisagile/easy");
-var import_react2 = require("react");
-function useSwitch(...states) {
-  const [state, setState] = (0, import_react2.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 (0, import_easy3.ofGet)(state === t ? yes : no, t);
-  }
-  return { state, next, states, isState, ifState };
-}
-var useA = (item = {}) => {
-  const [state, setState] = (0, import_react2.useState)({ isValid: false, ...item });
-  return [
-    state,
-    (e) => {
-      setState(e);
-      return e;
-    }
-  ];
-};
-var useAn = useA;
-var useOptional = (item) => {
-  const [state, setState] = (0, import_react2.useState)(item);
-  const set = (e) => {
-    setState(e);
-    return e;
-  };
-  return [state, set, () => set()];
-};
-var useEntity = useA;
-var useList = (...items) => {
-  const [state, setState] = (0, import_react2.useState)((0, import_easy3.toList)(...items));
-  return [
-    state,
-    (e) => {
-      setState(e);
-      return e;
-    }
-  ];
-};
-var usePageList = (...items) => {
-  const [pages, setPages] = (0, import_react2.useState)((0, import_easy3.toPageList)(items));
-  return [
-    pages,
-    (e) => {
-      setPages(e);
-      return e;
-    }
-  ];
-};
-var usePaging = (f, options) => {
-  const [list, setList] = usePageList();
-  const [skip, setSkip] = (0, import_react2.useState)(options?.skip ?? 0);
-  const [take] = (0, import_react2.useState)(options?.take ?? 5);
-  const next = (options2 = { skip, take }) => f(options2).then((items) => {
-    setSkip(skip + take);
-    return setList((0, import_easy3.toPageList)(list.add(items), items));
-  });
-  return [list, next, list.length < (list?.total ?? 0), skip, take];
-};
-var useGet = (f, initial) => {
-  const [item, setItem] = (0, import_react2.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((0, import_easy3.isPageList)(l) ? l : (0, import_easy3.toPageList)(l, { total: l.length })));
-  return [list, getter];
-};
-
-// src/utils/useOnce.ts
-var import_react3 = require("react");
-function useOnce(f, options) {
-  const [item, setItem] = (0, import_react3.useState)(options?.initial);
-  (0, import_react3.useEffect)(() => void f().then((i) => setItem(i)), options?.deps ?? []);
-  return [item];
-}
-
-// src/utils/useState.ts
-var import_react4 = require("react");
-function useState3(initial) {
-  const [state, setState] = (0, import_react4.useState)(initial);
-  const reset = () => setState(initial);
-  return [state, setState, reset];
-}
-
-// src/utils/useRev.ts
-var useRev = (initial = 0) => {
-  const [rev, setRev, reset] = useState3(initial);
-  const revalidate = () => setRev((r) => r + 1);
-  return { rev, revalidate, reset };
-};
-
-// src/utils/useToggle.ts
-function useToggle(initial = false) {
-  const [state, setState] = useState3(initial);
-  const toggle = () => setState((s) => !s);
-  const flip = (fn) => {
-    setState((s) => !s);
-    return fn().finally(() => setState((s) => !s));
-  };
-  return [state, toggle, flip];
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  If,
-  toChildren,
-  toClasses,
-  useA,
-  useAn,
-  useEntity,
-  useGet,
-  useGetList,
-  useList,
-  useOnce,
-  useOptional,
-  usePageList,
-  usePaging,
-  useRev,
-  useState,
-  useSwitch,
-  useToggle
-});
-//# sourceMappingURL=index.js.map
+import { If } from "./layout/If.js";
+import { toChildren } from "./utils/Children.js";
+import { toClasses } from "./utils/toClasses.js";
+import { useA, useAn, useEntity, useGet, useGetList, useList, useOptional, usePageList, usePaging, useSwitch } from "./utils/Hooks.js";
+import { useOnce } from "./utils/useOnce.js";
+import { useState } from "./utils/useState.js";
+import { useRev } from "./utils/useRev.js";
+import { useToggle } from "./utils/useToggle.js";
+export { If, toChildren, toClasses, useA, useAn, useEntity, useGet, useGetList, useList, useOnce, useOptional, usePageList, usePaging, useRev, useState, useSwitch, useToggle };

package/dist/layout/If.d.ts

@@ -1,6 +1,9 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FunctionComponent, ReactNode } from "react";
+//#region src/layout/If.d.ts
 export interface IfProps {
-    condition: any | undefined;
-    children?: ReactNode;
+  condition: any | undefined;
+  children?: ReactNode;
 }
 export declare const If: FunctionComponent<IfProps>;
+//#endregion
+//# sourceMappingURL=If.d.ts.map

package/dist/layout/If.js

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

package/dist/layout/If.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"If.js","names":[],"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":";;;AAQA,MAAa,MAAkC,EAAE,WAAW,eAAqC,YAAY,oBAAA,UAAA,EAAG,SAAW,CAAA,IAAI"}

package/dist/layout/index.d.ts

@@ -1 +1,2 @@
-export * from './If';
+import { If, IfProps } from "./If.js";
+export { If, IfProps };

package/dist/layout/index.js

@@ -0,0 +1 @@
+export { If } from "./If.js";

package/dist/utils/Children.d.ts

@@ -1,3 +1,6 @@
-import { List } from '@thisisagile/easy';
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
+import { List } from "@thisisagile/easy";
+//#region src/utils/Children.d.ts
 export declare const toChildren: (children: ReactNode) => List<ReactNode>;
+//#endregion
+//# sourceMappingURL=Children.d.ts.map

package/dist/utils/Children.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { isDefined, toList } from "@thisisagile/easy";
+//#region src/utils/Children.ts
+const toChildren = (children) => toList(React.Children.toArray(children).filter(isDefined));
+//#endregion
+export { toChildren };
+
+//# sourceMappingURL=Children.js.map

package/dist/utils/Children.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Children.js","names":[],"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":";;;AAGA,MAAa,cAAc,aAAyC,OAAO,MAAM,SAAS,QAAQ,QAAQ,CAAC,CAAC,OAAO,SAAS,CAAC"}

package/dist/utils/Hooks.d.ts

@@ -1,10 +1,11 @@
-import { Get, List, Optional, PageList, PageOptions, Predicate, Validatable } from '@thisisagile/easy';
+import { Get, List, Optional, PageList, PageOptions, Predicate, Validatable } from "@thisisagile/easy";
+//#region src/utils/Hooks.d.ts
 export declare function useSwitch<T>(...states: T[]): {
-    state: T;
-    next: () => void;
-    states: T[];
-    isState: Predicate<T>;
-    ifState: <U>(t: T, yes: Get<U, T>, no: Get<U, T>) => U;
+  state: T;
+  next: () => void;
+  states: T[];
+  isState: Predicate<T>;
+  ifState: <U>(t: T, yes: Get<U, T>, no: Get<U, T>) => U;
 };
 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];
@@ -15,3 +16,5 @@ export declare const usePageList: <E>(...items: E[]) => [PageList<E>, (e: PageLi
 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>) => [E, () => Promise<E>];
 export declare const useGetList: <E>(f: () => Promise<List<E>>) => [List<E>, () => Promise<PageList<E>>];
+//#endregion
+//# sourceMappingURL=Hooks.d.ts.map

package/dist/utils/Hooks.js

@@ -0,0 +1,92 @@
+import { useState } from "react";
+import { isPageList, ofGet, toList, toPageList } from "@thisisagile/easy";
+//#region src/utils/Hooks.ts
+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
+	};
+}
+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 = (options = {
+		skip,
+		take
+	}) => f(options).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];
+};
+//#endregion
+export { useA, useAn, useEntity, useGet, useGetList, useList, useOptional, usePageList, usePaging, useSwitch };
+
+//# sourceMappingURL=Hooks.js.map

package/dist/utils/Hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hooks.js","names":[],"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":";;;AAQA,SAAgB,UAAa,GAAG,QAM9B;CACA,MAAM,CAAC,OAAO,YAAY,SAAS,OAAO,EAAE;CAC5C,MAAM,aAAa,UAAS,MAAK,QAAQ,OAAO,QAAQ,CAAC,IAAI,KAAK,OAAO,OAAO;CAChF,MAAM,WAAW,MAAS,UAAU;CAEpC,SAAS,QAAW,GAAM,KAAgB,IAAkB;EAC1D,OAAO,MAAM,UAAU,IAAI,MAAM,IAAI,CAAC;CACxC;CAEA,OAAO;EAAE;EAAO;EAAM;EAAQ;EAAS;CAAQ;AACjD;AAEA,MAAa,QAA+B,OAAmB,CAAC,MAAsC;CACpG,MAAM,CAAC,OAAO,YAAY,SAAY;EAAE,SAAS;EAAO,GAAG;CAAK,CAAM;CACtE,OAAO,CACL,QACC,MAAY;EACX,SAAS,CAAC;EACV,OAAO;CACT,CACF;AACF;AAEA,MAAa,QAAQ;AAErB,MAAa,eAAkB,SAA+E;CAC5G,MAAM,CAAC,OAAO,YAAY,SAAY,IAAS;CAC/C,MAAM,OAAO,MAAiC;EAC5C,SAAS,CAAM;EACf,OAAO;CACT;CACA,OAAO;EAAC;EAAO;QAAwB,IAAI;CAAC;AAC9C;AAEA,MAAa,YAAY;AAEzB,MAAa,WAAc,GAAG,UAAmD;CAC/E,MAAM,CAAC,OAAO,YAAY,SAAkB,OAAU,GAAG,KAAK,CAAC;CAC/D,OAAO,CACL,QACC,MAAwB;EACvB,SAAS,CAAC;EACV,OAAO;CACT,CACF;AACF;AAEA,MAAa,eAAkB,GAAG,UAA+D;CAC/F,MAAM,CAAC,OAAO,YAAY,SAAsB,WAAc,KAAK,CAAC;CACpE,OAAO,CACL,QACC,MAAgC;EAC/B,SAAS,CAAC;EACV,OAAO;CACT,CACF;AACF;AAEA,MAAa,aACX,GACA,YAC4F;CAC5F,MAAM,CAAC,MAAM,WAAW,YAAe;CACvC,MAAM,CAAC,MAAM,WAAW,SAAS,SAAS,QAAQ,CAAC;CACnD,MAAM,CAAC,QAAQ,SAAS,SAAS,QAAQ,CAAC;CAC1C,MAAM,QAAQ,UAAuB;EAAE;EAAM;CAAK,MAChD,EAAE,OAAO,CAAC,CAAC,MAAK,UAAS;EACvB,QAAQ,OAAO,IAAI;EACnB,OAAO,QAAQ,WAAW,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC;CACnD,CAAC;CACH,OAAO;EAAC;EAAM;EAAM,KAAK,UAAU,MAAM,SAAS;EAAI;EAAM;CAAI;AAClE;AAEA,MAAa,UAAa,GAAqB,YAAgD;CAC7F,MAAM,CAAC,MAAM,WAAW,SAAU,WAAW,CAAC,CAAO;CACrD,MAAM,eACJ,EAAE,CAAC,CAAC,MAAK,MAAK;EACZ,QAAQ,CAAC;EACT,OAAO;CACT,CAAC;CACH,OAAO,CAAC,MAAM,MAAM;AACtB;AAEA,MAAa,cAAiB,MAAqE;CACjG,MAAM,CAAC,MAAM,WAAW,YAAe;CACvC,MAAM,eAAe,EAAE,CAAC,CAAC,MAAK,MAAK,QAAQ,WAAc,CAAC,IAAI,IAAI,WAAW,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;CACrG,OAAO,CAAC,MAAM,MAAM;AACtB"}

package/dist/utils/index.d.ts

@@ -1,7 +1,8 @@
-export * from './Children';
-export * from './toClasses';
-export * from './Hooks';
-export * from './useOnce';
-export * from './useRev';
-export * from './useState';
-export * from './useToggle';
+import { toChildren } from "./Children.js";
+import { toClasses } from "./toClasses.js";
+import { useA, useAn, useEntity, useGet, useGetList, useList, useOptional, usePageList, usePaging, useSwitch } from "./Hooks.js";
+import { UseOnceOptions, useOnce } from "./useOnce.js";
+import { useRev } from "./useRev.js";
+import { useState } from "./useState.js";
+import { useToggle } from "./useToggle.js";
+export { UseOnceOptions, toChildren, toClasses, useA, useAn, useEntity, useGet, useGetList, useList, useOnce, useOptional, usePageList, usePaging, useRev, useState, useSwitch, useToggle };

package/dist/utils/index.js

@@ -0,0 +1,8 @@
+import { toChildren } from "./Children.js";
+import { toClasses } from "./toClasses.js";
+import { useA, useAn, useEntity, useGet, useGetList, useList, useOptional, usePageList, usePaging, useSwitch } from "./Hooks.js";
+import { useOnce } from "./useOnce.js";
+import { useState } from "./useState.js";
+import { useRev } from "./useRev.js";
+import { useToggle } from "./useToggle.js";
+export { toChildren, toClasses, useA, useAn, useEntity, useGet, useGetList, useList, useOnce, useOptional, usePageList, usePaging, useRev, useState, useSwitch, useToggle };

package/dist/utils/toClasses.d.ts

@@ -1,2 +1,5 @@
-import { OneOrMore, Optional } from '@thisisagile/easy';
+import { OneOrMore, Optional } from "@thisisagile/easy";
+//#region src/utils/toClasses.d.ts
 export declare const toClasses: (styles: Record<string, string>, classes: OneOrMore<string>, props: Record<string, Optional<boolean>>) => string;
+//#endregion
+//# sourceMappingURL=toClasses.d.ts.map

package/dist/utils/toClasses.js

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

package/dist/utils/toClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toClasses.js","names":[],"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":";;AAEA,MAAa,aAAa,QAAgC,SAA4B,UACpF,CAAC,GAAG,QAAQ,OAAO,CAAC,CAAC,KAAI,MAAK,OAAO,EAAE,GAAG,GAAG,QAAQ,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,SAAS,OAAO,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG"}

package/dist/utils/useOnce.d.ts

@@ -1,6 +1,9 @@
-import { DependencyList } from 'react';
+import { DependencyList } from "react";
+//#region src/utils/useOnce.d.ts
 export type UseOnceOptions<E> = {
-    deps?: DependencyList;
-    initial?: Partial<E>;
+  deps?: DependencyList;
+  initial?: Partial<E>;
 };
 export declare function useOnce<E>(f: () => Promise<E>, options?: UseOnceOptions<E>): [E];
+//#endregion
+//# sourceMappingURL=useOnce.d.ts.map

package/dist/utils/useOnce.js

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

package/dist/utils/useOnce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnce.js","names":[],"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":";;AAOA,SAAgB,QAAW,GAAqB,SAAkC;CAChF,MAAM,CAAC,MAAM,WAAW,SAAS,SAAS,OAAY;CACtD,gBAAgB,KAAK,EAAE,CAAC,CAAC,MAAK,MAAK,QAAQ,CAAC,CAAC,GAAG,SAAS,QAAQ,CAAC,CAAC;CACnE,OAAO,CAAC,IAAI;AACd"}

package/dist/utils/useRev.d.ts

@@ -1,5 +1,8 @@
+//#region src/utils/useRev.d.ts
 export declare const useRev: (initial?: number) => {
-    rev: number;
-    revalidate: () => void;
-    reset: () => void;
+  rev: number;
+  revalidate: () => void;
+  reset: () => void;
 };
+//#endregion
+//# sourceMappingURL=useRev.d.ts.map

package/dist/utils/useRev.js

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

package/dist/utils/useRev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRev.js","names":[],"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":";;AAEA,MAAa,UAAU,UAAU,MAAM;CACrC,MAAM,CAAC,KAAK,QAAQ,SAAS,SAAS,OAAO;CAC7C,MAAM,mBAAmB,QAAO,MAAK,IAAI,CAAC;CAC1C,OAAO;EAAE;EAAK;EAAY;CAAM;AAClC"}

package/dist/utils/useState.d.ts

@@ -1,3 +1,6 @@
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from "react";
+//#region src/utils/useState.d.ts
 export declare function useState<T>(): [T | undefined, Dispatch<SetStateAction<T | undefined>>, () => void];
 export declare function useState<T>(initial: T): [T, Dispatch<SetStateAction<T>>, () => void];
+//#endregion
+//# sourceMappingURL=useState.d.ts.map

package/dist/utils/useState.js

@@ -0,0 +1,15 @@
+import { useState as useState$1 } from "react";
+//#region src/utils/useState.ts
+function useState(initial) {
+	const [state, setState] = useState$1(initial);
+	const reset = () => setState(initial);
+	return [
+		state,
+		setState,
+		reset
+	];
+}
+//#endregion
+export { useState };
+
+//# sourceMappingURL=useState.js.map

package/dist/utils/useState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useState.js","names":["useReactState"],"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":";;AAIA,SAAgB,SAAY,SAAa;CACvC,MAAM,CAAC,OAAO,YAAYA,WAAc,OAAO;CAC/C,MAAM,cAAc,SAAS,OAAO;CACpC,OAAO;EAAC;EAAO;EAAU;CAAK;AAChC"}

package/dist/utils/useToggle.d.ts

@@ -1 +1,4 @@
+//#region src/utils/useToggle.d.ts
 export declare function useToggle(initial?: boolean): [boolean, () => void, <T>(fn: () => Promise<T>) => Promise<T>];
+//#endregion
+//# sourceMappingURL=useToggle.d.ts.map

package/dist/utils/useToggle.js

@@ -0,0 +1,19 @@
+import { useState } from "./useState.js";
+//#region 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
+	];
+}
+//#endregion
+export { useToggle };
+
+//# sourceMappingURL=useToggle.js.map

package/dist/utils/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","names":[],"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":";;AAEA,SAAgB,UAAU,UAAU,OAAuE;CACzG,MAAM,CAAC,OAAO,YAAY,SAAS,OAAO;CAC1C,MAAM,eAAe,UAAS,MAAK,CAAC,CAAC;CACrC,MAAM,QAAW,OAAyB;EACxC,UAAS,MAAK,CAAC,CAAC;EAChB,OAAO,GAAG,CAAC,CAAC,cAAc,UAAS,MAAK,CAAC,CAAC,CAAC;CAC7C;CACA,OAAO;EAAC;EAAO;EAAQ;CAAI;AAC7B"}