@makroz/web 1.2.0 → 1.2.1

package/dist/hooks/useMkEffectDebug.js

@@ -0,0 +1,26 @@
+import { useEffect } from "react";
+import { useMkPrevious } from "./useMkPrevious";
+/**
+ * useMkEffectDebug
+ * 🚀 Herramienta de diagnóstico para desarrolladores.
+ * Muestra en consola qué dependencia disparó el efecto y sus valores (antes/después).
+ */
+export const useMkEffectDebug = (effectFunction, dependencies) => {
+    const previousDependencies = useMkPrevious(dependencies, []);
+    const changedDependencies = dependencies.reduce((accum, dependency, index) => {
+        if (dependency !== (previousDependencies === null || previousDependencies === void 0 ? void 0 : previousDependencies[index])) {
+            accum[index] = {
+                before: previousDependencies === null || previousDependencies === void 0 ? void 0 : previousDependencies[index],
+                after: dependency,
+            };
+        }
+        return accum;
+    }, {});
+    if (Object.keys(changedDependencies).length) {
+        console.group("📌 [useMkEffectDebug] Cambio Detectado");
+        console.table(changedDependencies);
+        console.groupEnd();
+    }
+    useEffect(effectFunction, dependencies);
+};
+//# sourceMappingURL=useMkEffectDebug.js.map

package/dist/hooks/useMkEffectDebug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkEffectDebug.js","sourceRoot":"","sources":["../../src/hooks/useMkEffectDebug.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,cAAyC,EACzC,YAAmB,EACb,EAAE;IACR,MAAM,oBAAoB,GAAG,aAAa,CAAQ,YAAY,EAAE,EAAE,CAAC,CAAC;IAEpE,MAAM,mBAAmB,GAAG,YAAY,CAAC,MAAM,CAE7C,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE;QAC7B,IAAI,UAAU,MAAK,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,KAAK,CAAC,CAAA,EAAE,CAAC;YACjD,KAAK,CAAC,KAAK,CAAC,GAAG;gBACb,MAAM,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,KAAK,CAAC;gBACrC,KAAK,EAAE,UAAU;aAClB,CAAC;QACJ,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,CAAC;QAC5C,OAAO,CAAC,KAAK,CAAC,wCAAwC,CAAC,CAAC;QACxD,OAAO,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACnC,OAAO,CAAC,QAAQ,EAAE,CAAC;IACrB,CAAC;IAED,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AAC1C,CAAC,CAAC"}

package/dist/hooks/useMkEvent.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @module useMkEvent
+ * @description Lightweight event bus for cross-component communication.
+ * Uses DOM CustomEvent on the web. API matches mk-mobile's useMkEvent.
+ *
+ * @example
+ * ```tsx
+ * // Component A — listen
+ * useMkEvent('cart:updated', (data) => {
+ *   console.log('Cart updated:', data);
+ * });
+ *
+ * // Component B — emit
+ * const { emit } = useMkEvent('cart:updated');
+ * emit({ items: 5 });
+ * ```
+ */
+export declare function useMkEvent<T = any>(eventName: string, handler?: (data: T) => void): {
+    emit: (data?: T) => void;
+};
+/**
+ * Imperative event API — for use outside React components (services, callbacks).
+ * @example
+ * import { MkEventBus } from '@makroz/web';
+ * MkEventBus.emit('notification:received', payload);
+ */
+export declare const MkEventBus: {
+    readonly emit: (event: string, data?: any) => void;
+    readonly on: (event: string, fn: (data?: any) => void) => () => void;
+};
+//# sourceMappingURL=useMkEvent.d.ts.map

package/dist/hooks/useMkEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkEvent.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AAEH,wBAAgB,UAAU,CAAC,CAAC,GAAG,GAAG,EAC9B,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI;kBAmBf,CAAC;EAQhB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU;2BACL,MAAM,SAAS,GAAG;yBAGpB,MAAM,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI;CAKtC,CAAC"}

package/dist/hooks/useMkEvent.js

@@ -0,0 +1,56 @@
+import { useEffect, useCallback, useRef } from 'react';
+/**
+ * @module useMkEvent
+ * @description Lightweight event bus for cross-component communication.
+ * Uses DOM CustomEvent on the web. API matches mk-mobile's useMkEvent.
+ *
+ * @example
+ * ```tsx
+ * // Component A — listen
+ * useMkEvent('cart:updated', (data) => {
+ *   console.log('Cart updated:', data);
+ * });
+ *
+ * // Component B — emit
+ * const { emit } = useMkEvent('cart:updated');
+ * emit({ items: 5 });
+ * ```
+ */
+export function useMkEvent(eventName, handler) {
+    // Stable ref to avoid stale closures & unnecessary re-subscriptions
+    const handlerRef = useRef(handler);
+    handlerRef.current = handler;
+    useEffect(() => {
+        if (!handlerRef.current)
+            return;
+        const listener = (event) => {
+            var _a;
+            const customEvent = event;
+            (_a = handlerRef.current) === null || _a === void 0 ? void 0 : _a.call(handlerRef, customEvent.detail);
+        };
+        window.addEventListener(eventName, listener);
+        return () => window.removeEventListener(eventName, listener);
+    }, [eventName]);
+    const emit = useCallback((data) => {
+        const event = new CustomEvent(eventName, { detail: data });
+        window.dispatchEvent(event);
+    }, [eventName]);
+    return { emit };
+}
+/**
+ * Imperative event API — for use outside React components (services, callbacks).
+ * @example
+ * import { MkEventBus } from '@makroz/web';
+ * MkEventBus.emit('notification:received', payload);
+ */
+export const MkEventBus = {
+    emit: (event, data) => {
+        window.dispatchEvent(new CustomEvent(event, { detail: data }));
+    },
+    on: (event, fn) => {
+        const listener = (e) => fn(e.detail);
+        window.addEventListener(event, listener);
+        return () => window.removeEventListener(event, listener);
+    },
+};
+//# sourceMappingURL=useMkEvent.js.map

package/dist/hooks/useMkEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkEvent.js","sourceRoot":"","sources":["../../src/hooks/useMkEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvD;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,UAAU,UAAU,CACtB,SAAiB,EACjB,OAA2B;IAE3B,oEAAoE;IACpE,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAEhC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;;YAC9B,MAAM,WAAW,GAAG,KAAuB,CAAC;YAC5C,MAAA,UAAU,CAAC,OAAO,2DAAG,WAAW,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,IAAI,GAAG,WAAW,CACpB,CAAC,IAAQ,EAAE,EAAE;QACT,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3D,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,SAAS,CAAC,CACd,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AACpB,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,IAAI,EAAE,CAAC,KAAa,EAAE,IAAU,EAAE,EAAE;QAChC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,EAAE,EAAE,CAAC,KAAa,EAAE,EAAwB,EAAE,EAAE;QAC5C,MAAM,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,EAAE,CAAE,CAAiB,CAAC,MAAM,CAAC,CAAC;QAC7D,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC;CACK,CAAC"}

package/dist/hooks/useMkForm.d.ts

@@ -0,0 +1,43 @@
+import type { MkFormFields, MkFormReturn, MkCrudAction } from '@makroz/core';
+/**
+ * @module useMkForm
+ * @description Unified form state manager with built-in validation.
+ * Works on both Web and Mobile — zero platform dependencies.
+ *
+ * Uses mkValidation from mk-core for field-level and form-level validation,
+ * and mkValidation.getApiFields for extracting API-ready data.
+ *
+ * @example
+ * ```tsx
+ * const form = useMkForm({
+ *   fields: {
+ *     name:  { rules: ['required', 'min:3'], api: 'ae' },
+ *     email: { rules: ['required', 'email'], api: 'ae' },
+ *     phone: { rules: ['phone'], api: 'ae*' },
+ *   },
+ *   initialData: { name: '', email: '', phone: '' },
+ * });
+ *
+ * // In handler
+ * <MkInput label="Nombre" value={form.formState.name} error={form.errors.name}
+ *   onChange={v => form.setField('name', v)} />
+ *
+ * const handleSave = () => {
+ *   if (!form.validate()) return;
+ *   const data = form.getApiData();
+ *   api.post('/users', data);
+ * };
+ * ```
+ */
+export interface UseMkFormOptions<T = Record<string, any>> {
+    /** Field definitions with rules and API flags. */
+    fields: MkFormFields;
+    /** Initial data for the form. */
+    initialData?: Partial<T>;
+    /** Current CRUD action (affects which rules apply). Default 'add'. */
+    action?: MkCrudAction;
+    /** Validate on every setField call. Default false. */
+    validateOnChange?: boolean;
+}
+export declare function useMkForm<T extends Record<string, any> = Record<string, any>>({ fields, initialData, action, validateOnChange, }: UseMkFormOptions<T>): MkFormReturn<T>;
+//# sourceMappingURL=useMkForm.d.ts.map

package/dist/hooks/useMkForm.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useMkForm.test.d.ts.map

package/dist/hooks/useMkInViewPort.d.ts

@@ -0,0 +1,14 @@
+export interface UseMkInViewPortReturnType {
+    isInViewport: boolean;
+    ref: (node: HTMLElement | null) => void;
+}
+/**
+ * useMkInViewPort
+ *
+ * Custom hook to determine if an element is currently within the viewport using IntersectionObserver.
+ * 📌 Useful for lazy loading, animations on scroll, or triggering behavior when elements appear on screen.
+ *
+ * @param {IntersectionObserverInit} [options] - Optional configuration for the IntersectionObserver.
+ */
+export declare function useMkInViewPort(options?: IntersectionObserverInit): UseMkInViewPortReturnType;
+//# sourceMappingURL=useMkInViewPort.d.ts.map

package/dist/hooks/useMkInViewPort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkInViewPort.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkInViewPort.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,yBAAyB;IACtC,YAAY,EAAE,OAAO,CAAC;IACtB,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC3B,OAAO,CAAC,EAAE,wBAAwB,GACnC,yBAAyB,CAyB3B"}

package/dist/hooks/useMkInViewPort.js

@@ -0,0 +1,31 @@
+import { useCallback, useEffect, useState } from 'react';
+/**
+ * useMkInViewPort
+ *
+ * Custom hook to determine if an element is currently within the viewport using IntersectionObserver.
+ * 📌 Useful for lazy loading, animations on scroll, or triggering behavior when elements appear on screen.
+ *
+ * @param {IntersectionObserverInit} [options] - Optional configuration for the IntersectionObserver.
+ */
+export function useMkInViewPort(options) {
+    const [isInViewport, setIsInViewport] = useState(false);
+    const [refElement, setRefElement] = useState(null);
+    const ref = useCallback((node) => {
+        if (node !== refElement) {
+            setRefElement(node);
+        }
+    }, [refElement]);
+    useEffect(() => {
+        if (!refElement || typeof window === 'undefined')
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            setIsInViewport(entry.isIntersecting);
+        }, options);
+        observer.observe(refElement);
+        return () => {
+            observer.disconnect();
+        };
+    }, [refElement, options]);
+    return { isInViewport, ref };
+}
+//# sourceMappingURL=useMkInViewPort.js.map

package/dist/hooks/useMkInViewPort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkInViewPort.js","sourceRoot":"","sources":["../../src/hooks/useMkInViewPort.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOzD;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAC3B,OAAkC;IAElC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QACjD,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACtB,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,UAAU,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAEzD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YAClD,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC,EAAE,OAAO,CAAC,CAAC;QAEZ,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;AACjC,CAAC"}

package/dist/hooks/useMkInfiniteList.d.ts

@@ -0,0 +1,15 @@
+export interface InfiniteListOptions {
+    per_page?: number;
+    q?: string;
+    filter?: Record<string, any>;
+    sort?: string;
+}
+export declare function useMkInfiniteList(endpoint: string, options?: InfiniteListOptions): {
+    items: any[];
+    loading: boolean;
+    error: any;
+    hasMore: boolean;
+    loadMore: () => Promise<void>;
+    reset: () => void;
+};
+//# sourceMappingURL=useMkInfiniteList.d.ts.map

package/dist/hooks/useMkInfiniteList.js

@@ -0,0 +1,47 @@
+import { useState, useCallback, useEffect } from 'react';
+import { useApi } from './useApi';
+export function useMkInfiniteList(endpoint, options = {}) {
+    const api = useApi();
+    const [items, setItems] = useState([]);
+    const [hasMore, setHasMore] = useState(true);
+    const [page, setPage] = useState(1);
+    // Reset list when filters/search changes
+    useEffect(() => {
+        setItems([]);
+        setPage(1);
+        setHasMore(true);
+    }, [options.q, JSON.stringify(options.filter), options.sort]);
+    const loadMore = useCallback(async () => {
+        if (!hasMore || api.loading)
+            return;
+        const response = await api.get(endpoint, Object.assign(Object.assign({}, options), { page, per_page: options.per_page || 15 }));
+        if (response.success) {
+            const newData = Array.isArray(response.data) ? response.data : [];
+            if (newData.length === 0) {
+                setHasMore(false);
+            }
+            else {
+                setItems((prev) => [...prev, ...newData]);
+                setPage(prev => prev + 1);
+                // Check pagination from extraData
+                const extra = response.__extraData;
+                if (extra && typeof extra.last_page === 'number' && page >= extra.last_page) {
+                    setHasMore(false);
+                }
+            }
+        }
+    }, [endpoint, page, hasMore, api.loading, options]);
+    return {
+        items,
+        loading: api.loading,
+        error: api.error,
+        hasMore,
+        loadMore,
+        reset: () => {
+            setItems([]);
+            setPage(1);
+            setHasMore(true);
+        }
+    };
+}
+//# sourceMappingURL=useMkInfiniteList.js.map

package/dist/hooks/useMkInfiniteList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkInfiniteList.js","sourceRoot":"","sources":["../../src/hooks/useMkInfiniteList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,MAAM,UAAU,iBAAiB,CAAC,QAAgB,EAAE,UAA+B,EAAE;IACjF,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpC,yCAAyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9D,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpC,IAAI,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO;YAAE,OAAO;QAEpC,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,QAAQ,kCAChC,OAAO,KACV,IAAI,EACJ,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,EAAE,IAClC,CAAC;QAEH,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,MAAM,OAAO,GAAc,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7E,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvB,UAAU,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,CAAC,IAAW,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAI,OAAiB,CAAC,CAAC,CAAC;gBAC5D,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;gBAE1B,kCAAkC;gBAClC,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAiD,CAAC;gBACzE,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;oBAC1E,UAAU,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpD,OAAO;QACH,KAAK;QACL,OAAO,EAAE,GAAG,CAAC,OAAO;QACpB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,OAAO;QACP,QAAQ;QACR,KAAK,EAAE,GAAG,EAAE;YACR,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;KACJ,CAAC;AACN,CAAC"}

package/dist/hooks/useMkList.d.ts

@@ -44,18 +44,18 @@ export declare function useMkList(endpoint: string, options?: MkListOptions): {
     setSort: (sort: string) => void;
     setPerPage: (per_page: number) => void;
     resetFilters: () => void;
-    refresh: (extraParams?: MkListParams) => Promise<MkResponse>;
+    refresh: (extraParams?: MkListParams) => Promise<import("@makroz/core").MkResponse<unknown>>;
     /** Pagination meta from __extraData */
     pagination: any;
-    status: ApiStatus;
+    status: import("@makroz/core").ApiStatus;
     data: any;
     error: any;
     waiting: number;
     loading: boolean;
-    get: (endpoint: string, params?: any) => Promise<MkResponse>;
-    post: (endpoint: string, body: any) => Promise<MkResponse>;
-    put: (endpoint: string, body: any) => Promise<MkResponse>;
-    delete: (endpoint: string) => Promise<MkResponse>;
-    remove: (endpoint: string) => Promise<MkResponse>;
+    get: (endpoint: string, params?: any) => Promise<import("@makroz/core").MkResponse<unknown>>;
+    post: (endpoint: string, body: any) => Promise<import("@makroz/core").MkResponse<unknown>>;
+    put: (endpoint: string, body: any) => Promise<import("@makroz/core").MkResponse<unknown>>;
+    delete: (endpoint: string) => Promise<import("@makroz/core").MkResponse<unknown>>;
+    remove: (endpoint: string) => Promise<import("@makroz/core").MkResponse<unknown>>;
 };
 //# sourceMappingURL=useMkList.d.ts.map

package/dist/hooks/useMkList.js

@@ -0,0 +1,53 @@
+import { useState, useCallback, useEffect, useRef } from 'react';
+import { useApi } from './useApi';
+export function useMkList(endpoint, options = {}) {
+    var _a;
+    const { initialParams = {}, autoFetch = true } = options;
+    const api = useApi();
+    const [params, setParams] = useState(Object.assign({ page: 1, per_page: 15 }, initialParams));
+    const mountedRef = useRef(false);
+    const refresh = useCallback((extraParams = {}) => {
+        return api.get(endpoint, Object.assign(Object.assign({}, params), extraParams));
+    }, [endpoint, params]);
+    const setFilter = useCallback((field, value) => {
+        setParams(prev => (Object.assign(Object.assign({}, prev), { page: 1, filter: Object.assign(Object.assign({}, prev.filter), { [field]: value }) })));
+    }, []);
+    const setPage = useCallback((page) => {
+        setParams(prev => (Object.assign(Object.assign({}, prev), { page })));
+    }, []);
+    const setSearch = useCallback((q) => {
+        setParams(prev => (Object.assign(Object.assign({}, prev), { page: 1, q })));
+    }, []);
+    const setSort = useCallback((sort) => {
+        setParams(prev => (Object.assign(Object.assign({}, prev), { sort })));
+    }, []);
+    const setPerPage = useCallback((per_page) => {
+        setParams(prev => (Object.assign(Object.assign({}, prev), { page: 1, per_page })));
+    }, []);
+    const resetFilters = useCallback(() => {
+        setParams(prev => (Object.assign(Object.assign({}, prev), { page: 1, q: undefined, sort: undefined, filter: undefined })));
+    }, []);
+    // Auto-refresh
+    useEffect(() => {
+        if (!autoFetch)
+            return;
+        if (!mountedRef.current) {
+            mountedRef.current = true;
+            refresh();
+            return;
+        }
+        refresh();
+    }, [params]);
+    return Object.assign(Object.assign({}, api), { params,
+        setParams,
+        setFilter,
+        setPage,
+        setSearch,
+        setSort,
+        setPerPage,
+        resetFilters,
+        refresh, 
+        /** Pagination meta from __extraData */
+        pagination: ((_a = api.data) === null || _a === void 0 ? void 0 : _a.__extraData) || {} });
+}
+//# sourceMappingURL=useMkList.js.map

package/dist/hooks/useMkList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkList.js","sourceRoot":"","sources":["../../src/hooks/useMkList.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useMkLocalStorage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * useMkLocalStorage
+ * 🚀 Sincroniza el estado de React con el almacenamiento local.
+ */
+export declare function useMkLocalStorage<T>(key: string, initialValue: T): readonly [T, (value: T | ((val: T) => T)) => void];
+//# sourceMappingURL=useMkLocalStorage.d.ts.map

package/dist/hooks/useMkLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkLocalStorage.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,wBAYtC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,WAa7C"}

package/dist/hooks/useMkLocalStorage.js

@@ -0,0 +1,33 @@
+import { useState } from 'react';
+/**
+ * useMkLocalStorage
+ * 🚀 Sincroniza el estado de React con el almacenamiento local.
+ */
+export function useMkLocalStorage(key, initialValue) {
+    const [storedValue, setStoredValue] = useState(() => {
+        if (typeof window === 'undefined')
+            return initialValue;
+        try {
+            const item = window.localStorage.getItem(key);
+            return item ? JSON.parse(item) : initialValue;
+        }
+        catch (error) {
+            console.error(error);
+            return initialValue;
+        }
+    });
+    const setValue = (value) => {
+        try {
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            if (typeof window !== 'undefined') {
+                window.localStorage.setItem(key, JSON.stringify(valueToStore));
+            }
+        }
+        catch (error) {
+            console.error(error);
+        }
+    };
+    return [storedValue, setValue];
+}
+//# sourceMappingURL=useMkLocalStorage.js.map

package/dist/hooks/useMkLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkLocalStorage.js","sourceRoot":"","sources":["../../src/hooks/useMkLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAI,GAAW,EAAE,YAAe;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE;QACrD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,YAAY,CAAC;QACvD,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAChD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,YAAY,CAAC;QACtB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC9C,IAAI,CAAC;YACH,MAAM,YAAY,GAAG,KAAK,YAAY,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC5E,cAAc,CAAC,YAAY,CAAC,CAAC;YAC7B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;YACjE,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAU,CAAC;AAC1C,CAAC"}

package/dist/hooks/useMkLongPress.d.ts

@@ -0,0 +1,37 @@
+export interface MkLongPressOptions {
+    /** Duration in ms before triggering long press (default: 500) */
+    threshold?: number;
+    /** Called when a short click/tap happens instead of long press */
+    onPress?: () => void;
+}
+export interface MkLongPressResult {
+    /** Spread these onto the target element */
+    handlers: {
+        onMouseDown: () => void;
+        onMouseUp: () => void;
+        onMouseLeave: () => void;
+        onTouchStart: () => void;
+        onTouchEnd: () => void;
+    };
+    /** Whether a long press is currently active */
+    isLongPressing: boolean;
+}
+/**
+ * useMkLongPress — Detect long press gestures on any element.
+ * Supports both mouse and touch events.
+ *
+ * @param onLongPress - Callback fired when long press threshold is reached.
+ * @param options - Configuration options.
+ *
+ * @example
+ * ```tsx
+ * const { handlers, isLongPressing } = useMkLongPress(
+ *   () => console.log('Long pressed!'),
+ *   { threshold: 800, onPress: () => console.log('Short tap') }
+ * );
+ *
+ * return <div {...handlers}>Hold me</div>;
+ * ```
+ */
+export declare function useMkLongPress(onLongPress: () => void, options?: MkLongPressOptions): MkLongPressResult;
+//# sourceMappingURL=useMkLongPress.d.ts.map

package/dist/hooks/useMkLongPress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkLongPress.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkLongPress.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IAC/B,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAC9B,2CAA2C;IAC3C,QAAQ,EAAE;QACN,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,SAAS,EAAE,MAAM,IAAI,CAAC;QACtB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,UAAU,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,+CAA+C;IAC/C,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAC1B,WAAW,EAAE,MAAM,IAAI,EACvB,OAAO,GAAE,kBAAuB,GACjC,iBAAiB,CA0CnB"}

package/dist/hooks/useMkLongPress.js

@@ -0,0 +1,59 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+/**
+ * useMkLongPress — Detect long press gestures on any element.
+ * Supports both mouse and touch events.
+ *
+ * @param onLongPress - Callback fired when long press threshold is reached.
+ * @param options - Configuration options.
+ *
+ * @example
+ * ```tsx
+ * const { handlers, isLongPressing } = useMkLongPress(
+ *   () => console.log('Long pressed!'),
+ *   { threshold: 800, onPress: () => console.log('Short tap') }
+ * );
+ *
+ * return <div {...handlers}>Hold me</div>;
+ * ```
+ */
+export function useMkLongPress(onLongPress, options = {}) {
+    const { threshold = 500, onPress } = options;
+    const [isLongPressing, setIsLongPressing] = useState(false);
+    const timerRef = useRef(null);
+    const didLongPressRef = useRef(false);
+    const start = useCallback(() => {
+        didLongPressRef.current = false;
+        timerRef.current = setTimeout(() => {
+            didLongPressRef.current = true;
+            setIsLongPressing(true);
+            onLongPress();
+        }, threshold);
+    }, [onLongPress, threshold]);
+    const stop = useCallback(() => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+        if (!didLongPressRef.current && onPress) {
+            onPress();
+        }
+        setIsLongPressing(false);
+    }, [onPress]);
+    useEffect(() => {
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, []);
+    return {
+        handlers: {
+            onMouseDown: start,
+            onMouseUp: stop,
+            onMouseLeave: stop,
+            onTouchStart: start,
+            onTouchEnd: stop,
+        },
+        isLongPressing,
+    };
+}
+//# sourceMappingURL=useMkLongPress.js.map

package/dist/hooks/useMkLongPress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkLongPress.js","sourceRoot":"","sources":["../../src/hooks/useMkLongPress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAsBjE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,cAAc,CAC1B,WAAuB,EACvB,UAA8B,EAAE;IAEhC,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC7C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACpE,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACxB,WAAW,EAAE,CAAC;QAClB,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7B,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACtC,OAAO,EAAE,CAAC;QACd,CAAC;QACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,QAAQ,CAAC,OAAO;gBAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,QAAQ,EAAE;YACN,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,IAAI;YACf,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,IAAI;SACnB;QACD,cAAc;KACjB,CAAC;AACN,CAAC"}

package/dist/hooks/useMkMediaQuery.d.ts

@@ -0,0 +1,14 @@
+/**
+ * useMkMediaQuery — Track CSS media query matches reactively.
+ *
+ * @param query - CSS media query string (e.g., '(max-width: 768px)')
+ * @returns `true` if the query matches, `false` otherwise.
+ *
+ * @example
+ * ```tsx
+ * const isMobile = useMkMediaQuery('(max-width: 600px)');
+ * const prefersDark = useMkMediaQuery('(prefers-color-scheme: dark)');
+ * ```
+ */
+export declare function useMkMediaQuery(query: string): boolean;
+//# sourceMappingURL=useMkMediaQuery.d.ts.map

package/dist/hooks/useMkMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkMediaQuery.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAmBtD"}

package/dist/hooks/useMkMediaQuery.js

@@ -0,0 +1,31 @@
+import { useState, useEffect } from 'react';
+/**
+ * useMkMediaQuery — Track CSS media query matches reactively.
+ *
+ * @param query - CSS media query string (e.g., '(max-width: 768px)')
+ * @returns `true` if the query matches, `false` otherwise.
+ *
+ * @example
+ * ```tsx
+ * const isMobile = useMkMediaQuery('(max-width: 600px)');
+ * const prefersDark = useMkMediaQuery('(prefers-color-scheme: dark)');
+ * ```
+ */
+export function useMkMediaQuery(query) {
+    const [matches, setMatches] = useState(() => {
+        if (typeof window === 'undefined')
+            return false;
+        return window.matchMedia(query).matches;
+    });
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const mediaQuery = window.matchMedia(query);
+        setMatches(mediaQuery.matches);
+        const handler = (event) => setMatches(event.matches);
+        mediaQuery.addEventListener('change', handler);
+        return () => mediaQuery.removeEventListener('change', handler);
+    }, [query]);
+    return matches;
+}
+//# sourceMappingURL=useMkMediaQuery.js.map

package/dist/hooks/useMkMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkMediaQuery.js","sourceRoot":"","sources":["../../src/hooks/useMkMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAAC,KAAa;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,GAAG,EAAE;QACjD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,KAAK,CAAC;QAChD,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC5C,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAE/B,MAAM,OAAO,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC1E,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/dist/hooks/useMkPrevious.d.ts

@@ -0,0 +1,7 @@
+/**
+ * useMkPrevious
+ * 🚀 Retorna el valor del render anterior.
+ * Útil para comparar cambios de props o estados y disparar animaciones o efectos.
+ */
+export declare const useMkPrevious: <T>(value: T, initialValue?: T) => T | undefined;
+//# sourceMappingURL=useMkPrevious.d.ts.map

package/dist/hooks/useMkPrevious.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkPrevious.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkPrevious.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,KAAG,CAAC,GAAG,SAQjE,CAAC"}

package/dist/hooks/useMkPrevious.js

@@ -0,0 +1,14 @@
+import { useRef, useEffect } from "react";
+/**
+ * useMkPrevious
+ * 🚀 Retorna el valor del render anterior.
+ * Útil para comparar cambios de props o estados y disparar animaciones o efectos.
+ */
+export const useMkPrevious = (value, initialValue) => {
+    const ref = useRef(initialValue);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};
+//# sourceMappingURL=useMkPrevious.js.map

package/dist/hooks/useMkPrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkPrevious.js","sourceRoot":"","sources":["../../src/hooks/useMkPrevious.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAI,KAAQ,EAAE,YAAgB,EAAiB,EAAE;IAC1E,MAAM,GAAG,GAAG,MAAM,CAAgB,YAAY,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,GAAG,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC"}