@himanshu-sorathiya/react-kit 1.0.11 → 1.0.13

package/dist/index.d.ts

@@ -1,12 +1,16 @@
 // Generated by dts-bundle-generator v9.5.1
 
-import { RefObject } from 'react';
+import { CSSProperties, RefObject } from 'react';
 
 export interface ModalLayoutProps {
+	modalId: string;
 	children: React.ReactNode;
-	className?: string;
+	wrapperClassName?: string;
+	wrapperStyle?: CSSProperties;
+	containerClassName?: string;
+	containerStyle?: CSSProperties;
 }
-export declare function ModalLayout({ children, className }: ModalLayoutProps): import("react").ReactPortal;
+export declare function ModalLayout({ modalId, children, wrapperClassName, wrapperStyle, containerClassName, containerStyle, }: ModalLayoutProps): import("react").ReactPortal | null;
 export interface DebounceOptions {
 	maxWait?: number;
 	leading?: boolean;
@@ -108,50 +112,83 @@ export interface FuzzySearchOptions {
 	matchStrategy?: "any" | "all";
 	exactPhraseBonus?: boolean;
 }
-export type UseFuzzySearchFields = [
-	string,
-	number
-][];
+export interface IndexedToken {
+	text: string;
+	weight: number;
+}
+export interface FlatIndexedItem<T> {
+	item: T;
+	index: number;
+	tokens: IndexedToken[];
+	combinedFlatText: string;
+}
+export interface ScoredItem<T> {
+	item: T;
+	score: number;
+	index: number;
+}
+export type UseFuzzySearchFields<T> = {
+	field: Extract<keyof T, string>;
+	weight: number;
+}[];
 export type UseFuzzySearchReturn<T> = T[];
-export declare function useFuzzySearch<T>(data: T[], query: string, fields: UseFuzzySearchFields, options?: FuzzySearchOptions): UseFuzzySearchReturn<T>;
+export declare function useFuzzySearch<T>(data: T[], query: string, fields: UseFuzzySearchFields<T>, options?: FuzzySearchOptions): UseFuzzySearchReturn<T>;
 declare const validKeyEventTypes: readonly [
 	"keydown",
 	"keyup",
 	"keypress"
 ];
 export type KeyEventType = (typeof validKeyEventTypes)[number];
-export interface KeyLifecycleOptions {
+export interface BaseKeyOptions {
 	enabled?: boolean;
 	target?: RefObject<HTMLElement | null> | Window;
-}
-export interface KeyEventModifiers {
 	preventDefault?: boolean;
 	stopPropagation?: boolean;
-	eventType?: KeyEventType;
-}
-export interface KeyChordModifiers {
+	ignoreWhenFocusedInInputs?: boolean;
 	ctrlKey?: boolean;
 	shiftKey?: boolean;
 	altKey?: boolean;
 	metaKey?: boolean;
 }
-export interface KeyFilterOptions {
-	requireReset?: boolean;
-	ignoreInputs?: boolean;
-}
-export interface KeyOptions extends KeyLifecycleOptions, KeyEventModifiers, KeyChordModifiers, KeyFilterOptions {
-}
+export type KeyOptions = BaseKeyOptions & ({
+	eventType?: "keydown" | "keypress";
+	preventRepeat?: boolean;
+} | {
+	eventType: "keyup";
+	preventRepeat?: never;
+});
 export type UseKeyReturn = void;
-export declare function useKey(key: string, func: (...args: any[]) => void, { enabled, preventDefault, stopPropagation, eventType, requireReset, ignoreInputs, ctrlKey, shiftKey, altKey, metaKey, target, }?: KeyOptions): UseKeyReturn;
-export interface UseModalReturn<TData> {
+export declare function useKey(key: string, handler: (e: KeyboardEvent) => void, { enabled, preventDefault, stopPropagation, eventType, preventRepeat, ignoreWhenFocusedInInputs, ctrlKey, shiftKey, altKey, metaKey, target, }?: KeyOptions): UseKeyReturn;
+export interface UseModalStateReturn<TData> {
+	isOpen: boolean;
 	id: string | null;
 	data: TData | undefined;
-	openModal: <T = any>(id: string, data?: T) => void;
+}
+export interface UseModalActionsReturn {
+	openModal: <T = unknown>(id: string, data?: T) => void;
 	closeModal: () => void;
+	clearModal: () => void;
+}
+export type UseModalReturn<TData> = UseModalStateReturn<TData> & UseModalActionsReturn;
+export declare function useModalState<TData = unknown>(): UseModalStateReturn<TData>;
+export declare function useModalActions(): UseModalActionsReturn;
+export declare function useModal<TData = unknown>(): UseModalReturn<TData>;
+export interface UseOrderReturn<T> {
+	orderedItems: T[];
+	moveUp: (index: number) => void;
+	moveDown: (index: number) => void;
+	canMoveUp: (index: number) => boolean;
+	canMoveDown: (index: number) => boolean;
+	moveToTop: (index: number) => void;
+	moveToBottom: (index: number) => void;
+	move: (fromIndex: number, toIndex: number) => void;
+	swap: (indexA: number, indexB: number) => void;
+	replaceOrder: (newOrderedItems: T[]) => void;
+	resetOrder: () => void;
 }
-export declare function useModal<TData = any>(): UseModalReturn<TData>;
+export declare function useOrder<T>(initialItems: T[]): UseOrderReturn<T>;
 export interface UsePaginationReturn<T> {
-	currentItems: T[];
+	pageItems: T[];
 	pageSize: number;
 	pageIndex: number;
 	totalPages: number;
@@ -159,12 +196,13 @@ export interface UsePaginationReturn<T> {
 	canNext: boolean;
 	nextPage: () => void;
 	previousPage: () => void;
-	firstPage: () => void;
-	lastPage: () => void;
-	setPageIndex: (newPageIndex: number) => void;
-	setPageSize: (newPageSize: number) => void;
+	goToFirstPage: () => void;
+	goToLastPage: () => void;
+	goToPage: (newPageIndex: number) => void;
+	changePageSize: (newPageSize: number) => void;
 	resetPageIndex: () => void;
 	resetPageSize: () => void;
+	resetPagination: () => void;
 }
 export declare function usePagination<T>(data: T[], initialPageSize: number, initialPageIndex?: number): UsePaginationReturn<T>;
 export type SortType = "numeric" | "alphabetical" | "alphanumeric" | "boolean" | "date" | "basic" | "custom";

package/dist/index.js

@@ -1,38 +1,64 @@
-import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { createPortal as s } from "react-dom";
-import { jsx as c } from "react/jsx-runtime";
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { createPortal as c } from "react-dom";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/context/ModalContext.tsx
-var l = e(void 0);
+var u = e(null), d = e(null);
 //#endregion
 //#region src/hooks/useModal.ts
-function u() {
-	let e = n(l);
-	if (!e) throw Error("useModal must be used within a ModalProvider");
+function f() {
+	let e = n(u);
+	if (!e) throw Error("useModalState must be used within a ModalProvider");
 	return e;
 }
+function p() {
+	let e = n(d);
+	if (!e) throw Error("useModalActions must be used within a ModalProvider");
+	return e;
+}
+function m() {
+	return {
+		...f(),
+		...p()
+	};
+}
 //#endregion
 //#region src/components/Modal.tsx
-function d({ children: e, className: t }) {
-	let { id: n, closeModal: i } = u(), o = a(null);
+function h({ modalId: e, children: t, wrapperClassName: n = "", wrapperStyle: i, containerClassName: a = "", containerStyle: u }) {
+	let { isOpen: d, id: m } = f(), { closeModal: h, clearModal: g } = p(), [_, v] = s(!1), y = o(null), b = m === e, x = d && b;
 	return r(() => {
-		let e = o.current;
-		e && (n && !e.open ? e.showModal() : !n && e.open && e.close());
-	}, [n]), s(/* @__PURE__ */ c("dialog", {
-		ref: o,
+		let e = y.current;
+		e && (x && !e.open ? (v(!1), e.showModal()) : !x && e.open && v(!0));
+	}, [x]), typeof document > "u" || !b && !_ ? null : c(/* @__PURE__ */ l("dialog", {
+		ref: y,
 		onCancel: (e) => {
-			e.preventDefault(), i();
+			e.preventDefault(), h();
+		},
+		onClose: h,
+		onClick: (e) => {
+			let t = y.current;
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			(e.clientX < n.x || e.clientX > n.x + n.width || e.clientY < n.y || e.clientY > n.y + n.height) && h();
+		},
+		onAnimationEnd: () => {
+			if (_) {
+				let e = y.current;
+				e && e.close(), v(!1), b && g();
+			}
 		},
-		className: `universal-modal ${t}`,
-		children: /* @__PURE__ */ c("div", {
-			className: "modal-container",
-			children: e
+		className: `universal-modal ${n}`.trim(),
+		style: i,
+		children: /* @__PURE__ */ l("div", {
+			className: `modal-container ${a}`.trim(),
+			style: u,
+			children: t
 		})
 	}), document.body);
 }
 //#endregion
 //#region src/hooks/useDebounce.ts
-function f(e, n, i = {}) {
-	let [s, c] = o(!1), l = i.maxWait, u = !!i.leading, d = !u && i.trailing === !1 ? !0 : i.trailing ?? !u, f = a(e), p = a(null), m = a(-1), h = a(-1), g = a(null);
+function g(e, n, i = {}) {
+	let [a, c] = s(!1), l = i.maxWait, u = !!i.leading, d = !u && i.trailing === !1 ? !0 : i.trailing ?? !u, f = o(e), p = o(null), m = o(-1), h = o(-1), g = o(null);
 	r(() => {
 		f.current = e;
 	}, [e]);
@@ -56,22 +82,22 @@ function f(e, n, i = {}) {
 		]),
 		cancel: _,
 		flush: v,
-		isPending: s
+		isPending: a
 	};
 }
 //#endregion
 //#region src/hooks/useDebouncedValue.ts
-function p(e, t, n = {}) {
-	let [i, a] = o(e), { debouncedFunc: s } = f((e) => {
+function _(e, t, n = {}) {
+	let [i, a] = s(e), { debouncedFunc: o } = g((e) => {
 		a(e);
 	}, t, n);
 	return r(() => {
-		s(e);
-	}, [e, s]), i;
+		o(e);
+	}, [e, o]), i;
 }
 //#endregion
 //#region src/utils/filterUtils.ts
-var m = {
+var v = {
 	text: {
 		contains: (e, t, n) => e == null ? !1 : n?.caseSensitive ? String(e).includes(String(t)) : String(e).toLowerCase().includes(String(t).toLowerCase()),
 		equals: (e, t, n) => e == null ? !1 : n?.caseSensitive ? String(e) === String(t) : String(e).toLowerCase() === String(t).toLowerCase(),
@@ -128,47 +154,47 @@ var m = {
 };
 //#endregion
 //#region src/utils/utils.ts
-function h(e, t, n) {
+function y(e, t, n) {
 	if (typeof e != "object" || !e) return e;
 	let r = t ?? n ?? "";
 	return Array.isArray(r) ? r.reduce((e, t) => e?.[t], e) : r.includes(".") ? r.split(".").reduce((e, t) => e?.[t], e) : e?.[r];
 }
 //#endregion
 //#region src/hooks/useFilter.ts
-function g(e, n = []) {
-	let [r, a] = o(n), s = i(() => {
+function b(e, n = []) {
+	let [r, i] = s(n), o = a(() => {
 		let t = r.filter((e) => e.isActive !== !1).map((e) => ({
 			...e,
 			pathArray: (e.field || e.id).split(".")
 		}));
 		return e.filter((e) => t.every((t) => {
-			let { id: n, type: r, operator: i, value: a, compare: o, pathArray: s } = t, c = h(e, s, n);
+			let { id: n, type: r, operator: i, value: a, compare: o, pathArray: s } = t, c = y(e, s, n);
 			if (r === "custom") return o ? o(c, a, e) : !0;
-			let l = m[r];
+			let l = v[r];
 			if (!l) return !0;
 			let u = l[i];
 			return u ? u(c, a, t) : !0;
 		}));
 	}, [e, r]), c = t((e) => {
-		a((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]);
+		i((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]);
 	}, []), l = t((e) => {
-		a((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
+		i((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
 	}, []), u = t(() => {
-		a([]);
+		i([]);
 	}, []), d = t(() => {
-		a(n);
+		i(n);
 	}, [n]), f = t((e) => {
-		a(e);
+		i(e);
 	}, []);
 	return {
-		filteredItems: s,
+		filteredItems: o,
 		filters: r,
 		upsertFilter: c,
 		removeFilter: l,
 		clearFilters: u,
 		resetFilters: d,
 		toggleFilter: t((e) => {
-			a((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? {
+			i((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? {
 				...t,
 				isActive: t.isActive === !1
 			} : t) : [...t, {
@@ -177,7 +203,7 @@ function g(e, n = []) {
 			}]);
 		}, []),
 		updateFilterConfig: t((e, t) => {
-			a((n) => n.map((n) => n.id === e ? {
+			i((n) => n.map((n) => n.id === e ? {
 				...n,
 				...t
 			} : n));
@@ -185,7 +211,7 @@ function g(e, n = []) {
 		replaceFilters: f,
 		getFilterValue: t((e) => r.find((t) => t.id === e)?.value, [r]),
 		updateFilterValue: t((e, t) => {
-			a((n) => n.map((n) => n.id === e ? {
+			i((n) => n.map((n) => n.id === e ? {
 				...n,
 				value: t
 			} : n));
@@ -198,7 +224,7 @@ function g(e, n = []) {
 }
 //#endregion
 //#region src/utils/fuzzySearchUtils.ts
-function _(e, t, n = !1) {
+function x(e, t, n = !1) {
 	let r = e.trim(), i = t.trim(), a = r.length > 1 && r === r.toUpperCase() && /^[A-Z]+$/.test(r);
 	if (n || (r = r.toLowerCase(), i = i.toLowerCase()), r === i) return 1;
 	if (r === "" || i === "") return 0;
@@ -247,11 +273,11 @@ function _(e, t, n = !1) {
 }
 //#endregion
 //#region src/hooks/useFuzzySearch.ts
-function v(e, t, n, r = {}) {
-	let a = r.threshold ?? .01, o = r.caseSensitive ?? !1, s = r.matchStrategy ?? "any", c = r.exactPhraseBonus ?? !0, l = i(() => n.length === 0 || e.length === 0 ? [] : e.map((e, t) => {
+function S(e, t, n, r = {}) {
+	let i = r.threshold ?? .01, o = r.caseSensitive ?? !1, s = r.matchStrategy ?? "any", c = r.exactPhraseBonus ?? !0, l = a(() => n.length === 0 || e.length === 0 ? [] : e.map((e, t) => {
 		let r = [], i = [];
-		for (let [t, a] of n) {
-			let n = h(e, t);
+		for (let { field: t, weight: a } of n) {
+			let n = y(e, t);
 			if (Array.isArray(n)) {
 				for (let e of n) if (e != null && e !== "" && typeof e != "object") {
 					let t = String(e);
@@ -279,12 +305,12 @@ function v(e, t, n, r = {}) {
 			combinedFlatText: i.join(" ")
 		};
 	}), [e, n]);
-	return i(() => {
+	return a(() => {
 		let n = t.trim();
 		if (!n || l.length === 0) return e;
 		let r = n.split(/\s+/).filter((e) => e.length > 0);
 		if (r.length === 0) return e;
-		let i = [], u = .3;
+		let a = [], u = .3;
 		for (let e of l) {
 			let t = 0, n = 0, l = !1;
 			for (let i of r) {
@@ -297,7 +323,7 @@ function v(e, t, n, r = {}) {
 							let e = Math.abs(i.length - n.length), t = Math.max(i.length, n.length);
 							if (t > 0 && (t - e) / t < u) continue;
 						}
-						let e = _(i, n, o) * t.weight;
+						let e = x(i, n, o) * t.weight;
 						e > r && (r = e);
 					}
 				}
@@ -309,19 +335,19 @@ function v(e, t, n, r = {}) {
 					let t = r.map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("\\s+");
 					new RegExp(t, o ? "g" : "gi").test(e.combinedFlatText) && (n += .15);
 				}
-				n >= a && i.push({
+				n >= i && a.push({
 					item: e.item,
 					score: n,
 					index: e.index
 				});
 			}
 		}
-		return i.toSorted((e, t) => t.score === e.score ? e.index - t.index : t.score - e.score).map((e) => e.item);
+		return a.toSorted((e, t) => t.score === e.score ? e.index - t.index : t.score - e.score).map((e) => e.item);
 	}, [
 		l,
 		e,
 		t,
-		a,
+		i,
 		o,
 		s,
 		c
@@ -329,42 +355,45 @@ function v(e, t, n, r = {}) {
 }
 //#endregion
 //#region src/constants/keyConstants.ts
-var y = [
+var C = [
 	"keydown",
 	"keyup",
 	"keypress"
 ];
 //#endregion
 //#region src/hooks/useKey.ts
-function b(e, t, { enabled: n = !0, preventDefault: i = !0, stopPropagation: o = !0, eventType: s = "keydown", requireReset: c = !1, ignoreInputs: l = !0, ctrlKey: u = !1, shiftKey: d = !1, altKey: f = !1, metaKey: p = !1, target: m = window } = {}) {
-	let h = a(t), g = a(n), _ = a(!1), v = m && "current" in m && m.current || window;
-	r(() => {
-		h.current = t;
+function w(e, t, { enabled: n = !0, preventDefault: a = !0, stopPropagation: s = !0, eventType: c = "keydown", preventRepeat: l = !1, ignoreWhenFocusedInInputs: u = !0, ctrlKey: d = !1, shiftKey: f = !1, altKey: p = !1, metaKey: m = !1, target: h = window } = {}) {
+	let g = o(t), _ = o(n), v = o(!1);
+	i(() => {
+		g.current = t;
 	}, [t]), r(() => {
-		g.current = n;
+		_.current = n;
 	}, [n]), r(() => {
-		if (!v) return;
-		let t = y.includes(s) ? s : "keydown";
-		function n(t) {
-			if (!(t instanceof KeyboardEvent)) return;
-			let n = t.key.toLowerCase();
-			(n === e.toLowerCase() || u && n === "control" || d && n === "shift" || f && n === "alt" || p && n === "meta") && (_.current = !1);
+		let t = h && "current" in h ? h.current : h;
+		if (!t) return;
+		let n = e.toLowerCase(), r = C.includes(c) ? c : "keydown", i = l && r !== "keyup";
+		function o() {
+			v.current = !1;
+		}
+		function y(e) {
+			if (!(e instanceof KeyboardEvent)) return;
+			let t = e.key.toLowerCase();
+			(t === n || d && t === "control" || f && t === "shift" || p && t === "alt" || m && t === "meta") && (v.current = !1);
 		}
-		function r(t) {
-			if (!(t instanceof KeyboardEvent) || !g.current) return;
-			let n = t.target;
-			if (!(l && n instanceof HTMLElement && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n.isContentEditable)) && t.ctrlKey === u && t.shiftKey === d && t.altKey === f && t.metaKey === p && e.toLowerCase() === t.key.toLowerCase()) {
-				if (c && _.current) return;
-				_.current = !0, h.current(t), i && t.preventDefault(), o && t.stopPropagation();
+		function b(e) {
+			if (!(e instanceof KeyboardEvent) || !_.current) return;
+			let t = e.target;
+			if (!(u && t instanceof HTMLElement && (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement || t.isContentEditable)) && e.ctrlKey === d && e.shiftKey === f && e.altKey === p && e.metaKey === m && n === e.key.toLowerCase()) {
+				if (i && v.current) return;
+				v.current = !0, g.current(e), a && e.preventDefault(), s && e.stopPropagation();
 			}
 		}
-		return v.addEventListener(t, r), v.addEventListener("keyup", n), () => {
-			v.removeEventListener(t, r), v.removeEventListener("keyup", n);
+		return t.addEventListener(r, b), i && (t.addEventListener("keyup", y), window.addEventListener("blur", o)), () => {
+			t.removeEventListener(r, b), i && (t.removeEventListener("keyup", y), window.removeEventListener("blur", o));
 		};
 	}, [
 		e,
-		i,
-		o,
+		a,
 		s,
 		c,
 		l,
@@ -372,80 +401,146 @@ function b(e, t, { enabled: n = !0, preventDefault: i = !0, stopPropagation: o =
 		d,
 		f,
 		p,
-		v
+		m,
+		h
 	]);
 }
 //#endregion
-//#region src/hooks/usePagination.ts
-function x(e, n, r = 0) {
-	let [a, s] = o(n), [c, l] = o(r), u = Math.max(1, Math.ceil(e.length / Math.max(1, a))), d = Math.min(Math.max(0, c), u - 1);
-	c !== d && l(d);
-	let f = i(() => typeof a != "number" || a < 1 ? [] : e.slice(c * a, (c + 1) * a), [
-		c,
-		a,
-		e
-	]), p = c > 0, m = c < u - 1, h = t(() => {
-		l((e) => e < u - 1 ? e + 1 : e);
-	}, [u]), g = t(() => {
-		l((e) => e > 0 ? e - 1 : e);
-	}, []), _ = t(() => {
-		l(0);
-	}, []), v = t(() => {
-		l(u - 1);
-	}, [u]), y = t((e) => {
-		typeof e == "number" && e >= 0 && e <= u - 1 && l(e);
-	}, [u]), b = t((t) => {
-		if (typeof t == "number" && t > 0) {
-			s(t);
-			let n = Math.max(1, Math.ceil(e.length / Math.max(1, t)));
-			l((e) => Math.min(Math.max(0, e), n - 1));
-		}
-	}, [e.length]), x = t(() => {
-		l(Math.min(Math.max(0, r), u - 1));
-	}, [r, u]);
+//#region src/hooks/useOrder.ts
+function T(e) {
+	let n = o(e), [r, i] = s(e);
 	return {
-		currentItems: f,
-		pageSize: a,
+		orderedItems: r,
+		moveUp: t((e) => {
+			typeof e == "number" && i((t) => {
+				if (e <= 0 || e >= t.length) return t;
+				let n = [...t];
+				return [n[e], n[e - 1]] = [n[e - 1], n[e]], n;
+			});
+		}, []),
+		moveDown: t((e) => {
+			typeof e == "number" && i((t) => {
+				if (e < 0 || e >= t.length - 1) return t;
+				let n = [...t];
+				return [n[e], n[e + 1]] = [n[e + 1], n[e]], n;
+			});
+		}, []),
+		canMoveUp: t((e) => e > 0, []),
+		canMoveDown: t((e) => e < r.length - 1, [r.length]),
+		moveToTop: t((e) => {
+			typeof e == "number" && i((t) => {
+				if (e <= 0 || e >= t.length) return t;
+				let n = [...t], [r] = n.splice(e, 1);
+				return n.unshift(r), n;
+			});
+		}, []),
+		moveToBottom: t((e) => {
+			typeof e == "number" && i((t) => {
+				if (e < 0 || e >= t.length - 1) return t;
+				let n = [...t], [r] = n.splice(e, 1);
+				return n.push(r), n;
+			});
+		}, []),
+		move: t((e, t) => {
+			typeof e != "number" || typeof t != "number" || e === t || i((n) => {
+				if (e < 0 || e >= n.length || t < 0 || t >= n.length) return n;
+				let r = [...n], [i] = r.splice(e, 1);
+				return r.splice(t, 0, i), r;
+			});
+		}, []),
+		swap: t((e, t) => {
+			typeof e != "number" || typeof t != "number" || e === t || i((n) => {
+				if (e < 0 || e >= n.length || t < 0 || t >= n.length) return n;
+				let r = [...n];
+				return [r[e], r[t]] = [r[t], r[e]], r;
+			});
+		}, []),
+		replaceOrder: t((e) => {
+			i(e);
+		}, []),
+		resetOrder: t(() => {
+			i(n.current);
+		}, [])
+	};
+}
+//#endregion
+//#region src/hooks/usePagination.ts
+function E(e, n, r = 0) {
+	let [i, o] = s(n), [c, l] = s(r), u = Math.max(1, Math.ceil(e.length / Math.max(1, i))), d = Math.min(Math.max(0, c), u - 1);
+	return c !== d && l(d), {
+		pageItems: a(() => typeof i != "number" || i < 1 ? [] : e.slice(c * i, (c + 1) * i), [
+			c,
+			i,
+			e
+		]),
+		pageSize: i,
 		pageIndex: c,
 		totalPages: u,
-		canPrevious: p,
-		canNext: m,
-		nextPage: h,
-		previousPage: g,
-		firstPage: _,
-		lastPage: v,
-		setPageSize: b,
-		setPageIndex: y,
+		canPrevious: c > 0,
+		canNext: c < u - 1,
+		nextPage: t(() => {
+			l((e) => e < u - 1 ? e + 1 : e);
+		}, [u]),
+		previousPage: t(() => {
+			l((e) => e > 0 ? e - 1 : e);
+		}, []),
+		goToFirstPage: t(() => {
+			l(0);
+		}, []),
+		goToLastPage: t(() => {
+			l(u - 1);
+		}, [u]),
+		goToPage: t((e) => {
+			typeof e == "number" && e >= 0 && e <= u - 1 && l(e);
+		}, [u]),
+		changePageSize: t((t) => {
+			if (typeof t == "number" && t > 0) {
+				o(t);
+				let n = Math.max(1, Math.ceil(e.length / Math.max(1, t)));
+				l((e) => Math.min(Math.max(0, e), n - 1));
+			}
+		}, [e.length]),
+		resetPageIndex: t(() => {
+			l(Math.min(Math.max(0, r), u - 1));
+		}, [r, u]),
 		resetPageSize: t(() => {
-			s(Math.max(1, n));
+			o(Math.max(1, n));
 			let t = Math.max(1, Math.ceil(e.length / Math.max(1, n)));
 			l((e) => Math.min(Math.max(0, e), t - 1));
 		}, [n, e.length]),
-		resetPageIndex: x
+		resetPagination: t(() => {
+			o(Math.max(1, n));
+			let t = Math.max(1, Math.ceil(e.length / Math.max(1, n)));
+			l(Math.min(Math.max(0, r), t - 1));
+		}, [
+			n,
+			r,
+			e.length
+		])
 	};
 }
 //#endregion
 //#region src/utils/sortUtils.ts
-function S(e, t, n = {}) {
-	let { sortUndefined: r, desc: i = !1 } = n, a = k(e, t, r, i);
+function D(e, t, n = {}) {
+	let { sortUndefined: r, desc: i = !1 } = n, a = P(e, t, r, i);
 	if (a !== null) return a;
 	let o = !!e;
 	return o === !!t ? 0 : o ? 1 : -1;
 }
-function C(e, t, n = {}) {
-	let { sortUndefined: r, desc: i = !1 } = n, a = k(e, t, r, i);
+function O(e, t, n = {}) {
+	let { sortUndefined: r, desc: i = !1 } = n, a = P(e, t, r, i);
 	if (a !== null) return a;
 	let o = Number(e), s = Number(t), c = Number.isNaN(o), l = Number.isNaN(s);
-	return c || l ? k(c ? void 0 : o, l ? void 0 : s, r, i) ?? 0 : o - s;
+	return c || l ? P(c ? void 0 : o, l ? void 0 : s, r, i) ?? 0 : o - s;
 }
-function w(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = k(e, t, i, r);
+function k(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = P(e, t, i, r);
 	if (o !== null) return o;
 	let s = String(e), c = String(t);
 	return s.localeCompare(c, void 0, { sensitivity: a ? "variant" : "base" });
 }
-function T(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = k(e, t, i, r);
+function A(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = P(e, t, i, r);
 	if (o !== null) return o;
 	let s = String(e), c = String(t);
 	return s.localeCompare(c, void 0, {
@@ -453,21 +548,21 @@ function T(e, t, n = {}) {
 		sensitivity: a ? "variant" : "base"
 	});
 }
-function E(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i } = n, a = k(e, t, i, r);
+function j(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i } = n, a = P(e, t, i, r);
 	if (a !== null) return a;
 	let o = new Date(e).getTime(), s = new Date(t).getTime(), c = Number.isNaN(o), l = Number.isNaN(s);
-	return (c || l) && (a = k(c ? void 0 : o, l ? void 0 : s, i, r), a !== null) ? a : o - s;
+	return (c || l) && (a = P(c ? void 0 : o, l ? void 0 : s, i, r), a !== null) ? a : o - s;
 }
-function D(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i } = n, a = k(e, t, i, r);
+function M(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i } = n, a = P(e, t, i, r);
 	return a === null ? e < t ? -1 : +(e > t) : a;
 }
-function O(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, compare: a } = n, o = k(e, t, i, r);
+function N(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, compare: a } = n, o = P(e, t, i, r);
 	return o === null ? typeof a == "function" ? a(e, t) : e < t ? -1 : +(e > t) : o;
 }
-function k(e, t, n = "last", r) {
+function P(e, t, n = "last", r) {
 	let i = e == null || e === "", a = t == null || t === "";
 	if (i && a) return 0;
 	if (!i && !a) return null;
@@ -485,70 +580,70 @@ function k(e, t, n = "last", r) {
 }
 //#endregion
 //#region src/hooks/useSort.ts
-function A(e, n = []) {
-	let [r, a] = o(n), s = i(() => {
+function F(e, n = []) {
+	let [r, i] = s(n), o = a(() => {
 		let t = r.map((e) => ({
 			...e,
 			pathArray: (e.field || e.id).split(".")
 		}));
 		return [...e].sort((e, n) => {
 			for (let r of t) {
-				let { type: t, id: i, desc: a = !1, invertSorting: o = !1, pathArray: s } = r, c = h(e, s, i), l = h(n, s, i), u;
+				let { type: t, id: i, desc: a = !1, invertSorting: o = !1, pathArray: s } = r, c = y(e, s, i), l = y(n, s, i), u;
 				switch (t) {
 					case "numeric":
-						u = C(c, l, r);
+						u = O(c, l, r);
 						break;
 					case "alphabetical":
-						u = w(c, l, r);
+						u = k(c, l, r);
 						break;
 					case "alphanumeric":
-						u = T(c, l, r);
+						u = A(c, l, r);
 						break;
 					case "boolean":
-						u = S(c, l, r);
+						u = D(c, l, r);
 						break;
 					case "date":
-						u = E(c, l, r);
+						u = j(c, l, r);
 						break;
 					case "basic":
-						u = D(c, l, r);
+						u = M(c, l, r);
 						break;
 					case "custom":
-						u = O(c, l, r);
+						u = N(c, l, r);
 						break;
-					default: u = D(c, l, r);
+					default: u = M(c, l, r);
 				}
 				if (u !== 0) return u * (a === o ? 1 : -1);
 			}
 			return 0;
 		});
-	}, [r, e]), c = t((e) => a((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]), []), l = t((e) => {
-		a((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
-	}, []), u = t(() => a([]), []), d = t(() => a(n), [n]), f = t((e) => a(e), []), p = t((e, t, n) => {
-		let { multi: r = !1, ...i } = n || {};
-		a((n) => {
-			let a = n.find((t) => t.id === e);
-			if (!a) {
-				let a = {
+	}, [r, e]), c = t((e) => i((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]), []), l = t((e) => {
+		i((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
+	}, []), u = t(() => i([]), []), d = t(() => i(n), [n]), f = t((e) => i(e), []), p = t((e, t, n) => {
+		let { multi: r = !1, ...a } = n || {};
+		i((n) => {
+			let i = n.find((t) => t.id === e);
+			if (!i) {
+				let i = {
 					id: e,
 					type: t,
-					...i,
+					...a,
 					desc: !1
 				};
-				return r ? [...n, a] : [a];
+				return r ? [...n, i] : [i];
 			}
-			if (!a.desc) {
+			if (!i.desc) {
 				let t = {
-					...a,
 					...i,
+					...a,
 					desc: !0
 				};
 				return r ? n.map((n) => n.id === e ? t : n) : [t];
 			}
-			if (a.disableSortRemoval || i.disableSortRemoval) {
+			if (i.disableSortRemoval || a.disableSortRemoval) {
 				let t = {
-					...a,
 					...i,
+					...a,
 					desc: !1
 				};
 				return r ? n.map((n) => n.id === e ? t : n) : [t];
@@ -557,7 +652,7 @@ function A(e, n = []) {
 		});
 	}, []);
 	return {
-		sortedItems: s,
+		sortedItems: o,
 		sorts: r,
 		upsertSorts: c,
 		removeSort: l,
@@ -581,8 +676,8 @@ function A(e, n = []) {
 }
 //#endregion
 //#region src/hooks/useThrottle.ts
-function j(e, n, i = {}) {
-	let [s, c] = o(!1), l = i.leading ?? !0, u = i.trailing ?? !0, d = a(e), f = a(null), p = a(-1), m = a(null);
+function I(e, n, i = {}) {
+	let [a, c] = s(!1), l = i.leading ?? !0, u = i.trailing ?? !0, d = o(e), f = o(null), p = o(-1), m = o(null);
 	r(() => {
 		d.current = e;
 	}, [e]);
@@ -611,8 +706,8 @@ function j(e, n, i = {}) {
 		]),
 		cancel: h,
 		flush: g,
-		isPending: s
+		isPending: a
 	};
 }
 //#endregion
-export { d as ModalLayout, f as useDebounce, p as useDebouncedValue, g as useFilter, v as useFuzzySearch, b as useKey, u as useModal, x as usePagination, A as useSort, j as useThrottle };
+export { h as ModalLayout, g as useDebounce, _ as useDebouncedValue, b as useFilter, S as useFuzzySearch, w as useKey, m as useModal, p as useModalActions, f as useModalState, T as useOrder, E as usePagination, F as useSort, I as useThrottle };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@himanshu-sorathiya/react-kit",
-	"version": "1.0.11",
+	"version": "1.0.13",
 	"description": "An opinionated collection of react hooks, and reusable UI components.",
 	"type": "module",
 	"module": "./dist/index.js",