@cripty2001/utils 0.0.247 → 0.0.249

package/dist/react-ui/button.d.ts

@@ -3,5 +3,6 @@ export type ButtonProps = {
     children: React.ReactElement;
     className?: string;
     onError?: (error: unknown) => void;
+    loader?: React.ReactElement;
 };
-export default function Button({ onClick, children, className, onError }: ButtonProps): import("react").JSX.Element;
+export default function Button({ onClick, children, className, onError, loader }: ButtonProps): import("react").JSX.Element;

package/dist/react-ui/button.js

@@ -4,7 +4,12 @@ exports.default = Button;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
 const react_1 = require("react");
-function Button({ onClick, children, className, onError }) {
+function Button({ onClick, children, className, onError, loader }) {
+    const Loader = loader ?? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { style: {
+            width: '1rem',
+            height: '1rem',
+            animation: 'spin 1s linear infinite',
+        } });
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
     const handleClick = async () => {
@@ -33,11 +38,7 @@ function Button({ onClick, children, className, onError }) {
                         textAlign: 'center',
                         cursor: 'pointer',
                     }, children: loading ?
-                        (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { style: {
-                                width: '1rem',
-                                height: '1rem',
-                                animation: 'spin 1s linear infinite',
-                            } }) :
+                        Loader :
                         children }), error && (0, jsx_runtime_1.jsx)("div", { style: {
                         color: '#ef4444'
                     }, children: error })] }) }));

package/dist/react-whispr.d.ts

@@ -91,13 +91,13 @@ export declare function useAsync<I, O>(f: (input: I, setProgress: (p: number) =>
 /**
  * Like useAsync, but it also automatically re-execute the async function periodically
  *
- * @param f @see useAsync
  * @param data @see useAsync
  * @param interval The interval to re-execute the async function. If null, the async function will not be re-executed.
+ * @param f @see useAsync
  *
  * @returns @see useAsync
  */
-export declare function useAsyncPeriodic<I, O>(f: (input: I, setProgress: (p: number) => void, signal: AbortSignal) => Promise<O>, data: I, interval: number): Dispatcher<any, O>;
+export declare function useAsyncPeriodic<I, O>(data: I, interval: number, f: (input: I, setProgress: (p: number) => void, signal: AbortSignal) => Promise<O>): Dispatcher<any, O>;
 /**
  * Async version of useEffect with debouncing. Executes an async function as a side effect when data changes.
  *

package/dist/react-whispr.js

@@ -200,18 +200,18 @@ function useAsync(f, data, debouce = 200) {
 /**
  * Like useAsync, but it also automatically re-execute the async function periodically
  *
- * @param f @see useAsync
  * @param data @see useAsync
  * @param interval The interval to re-execute the async function. If null, the async function will not be re-executed.
+ * @param f @see useAsync
  *
  * @returns @see useAsync
  */
-function useAsyncPeriodic(f, data, interval) {
+function useAsyncPeriodic(data, interval, f) {
     const timer = useClock(interval);
     const bundle = (0, react_1.useMemo)(() => {
         return {
             data,
-            interval
+            timer
         };
     }, [data, timer]);
     return useAsync((i, p, s) => f(i.data, p, s), bundle);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.247",
+  "version": "0.0.249",
   "description": "Internal Set of utils. If you need them use them, otherwise go to the next package ;)",
   "homepage": "https://github.com/cripty2001/utils#readme",
   "bugs": {