@himanshu-sorathiya/react-kit 1.0.9 → 1.0.11

package/dist/index.d.ts

@@ -34,34 +34,86 @@ export type DateOperator = "equals" | "before" | "after" | "between";
 export type SelectOperator = "equals" | "notEquals";
 export type MultiselectOperator = "in" | "notIn" | "intersects";
 export type CustomOperator = "custom";
-export type FilterOperator = TextOperator | NumberOperator | BooleanOperator | DateOperator | SelectOperator | MultiselectOperator | CustomOperator;
-export interface FilterOptions {
+export interface FilterOptions<T = unknown> {
 	caseSensitive?: boolean;
-	compare?: (itemValue: any, filterValue: any, item: any) => boolean;
+	compare?: (itemValue: unknown, filterValue: unknown, item: T) => boolean;
 }
-export interface FilterConfig extends FilterOptions {
+export type BaseFilterConfig<T> = FilterOptions<T> & {
 	id: string;
 	field: string;
-	type: FilterType;
-	operator: FilterOperator;
-	value: any;
-}
-export type FilterState = FilterConfig[];
+	isActive?: boolean;
+};
+export type FilterConfig<T = unknown> = BaseFilterConfig<T> & ({
+	type: "text";
+	operator: TextOperator;
+	value: string;
+} | {
+	type: "number";
+	operator: "between";
+	value: {
+		min: number;
+		max: number;
+	};
+} | {
+	type: "number";
+	operator: Exclude<NumberOperator, "between">;
+	value: number;
+} | {
+	type: "boolean";
+	operator: BooleanOperator;
+	value: boolean;
+} | {
+	type: "date";
+	operator: "between";
+	value: {
+		min: string | number | Date;
+		max: string | number | Date;
+	};
+} | {
+	type: "date";
+	operator: Exclude<DateOperator, "between">;
+	value: string | number | Date;
+} | {
+	type: "select";
+	operator: SelectOperator;
+	value: string | number;
+} | {
+	type: "multiselect";
+	operator: MultiselectOperator;
+	value: (string | number)[];
+} | {
+	type: "custom";
+	operator: CustomOperator;
+	value: unknown;
+});
+export type FilterState<T> = FilterConfig<T>[];
 export interface UseFilterReturn<T> {
 	filteredItems: T[];
-	filters: FilterState;
-	addFilter: (filter: FilterConfig) => void;
+	filters: FilterState<T>;
+	upsertFilter: (filter: FilterConfig<T>) => void;
 	removeFilter: (id: string | string[]) => void;
 	clearFilters: () => void;
 	resetFilters: () => void;
-	setFilters: (filters: FilterConfig[]) => void;
-	toggleFilter: (filter: FilterConfig) => void;
-	updateFilterConfig: (id: string, partialConfig: Partial<Omit<FilterConfig, "id">>) => void;
-	getFilterValue: (id: string) => any;
-	updateFilterValue: (id: string, value: any) => void;
+	replaceFilters: (filters: FilterConfig<T>[]) => void;
+	toggleFilter: (filter: FilterConfig<T>) => void;
+	updateFilterConfig: (id: string, partialConfig: Partial<Omit<FilterConfig<T>, "id">>) => void;
+	getFilterValue: (id: string) => unknown;
+	updateFilterValue: (id: string, value: unknown) => void;
 	isFilterActive: (id: string) => boolean;
 }
-export declare function useFilter<T>(data: T[], initialFilters?: FilterState): UseFilterReturn<T>;
+export declare function useFilter<T>(data: T[], initialFilters?: FilterState<T>): UseFilterReturn<T>;
+export interface FuzzySearchOptions {
+	threshold?: number;
+	caseSensitive?: boolean;
+	matchStrategy?: "any" | "all";
+	exactPhraseBonus?: boolean;
+}
+export type UseFuzzySearchFields = [
+	string,
+	number
+][];
+export type UseFuzzySearchReturn<T> = T[];
+export declare function useFuzzySearch<T>(data: T[], query: string, fields: UseFuzzySearchFields, options?: FuzzySearchOptions): UseFuzzySearchReturn<T>;
 declare const validKeyEventTypes: readonly [
 	"keydown",
 	"keyup",
@@ -116,32 +168,42 @@ export interface UsePaginationReturn<T> {
 }
 export declare function usePagination<T>(data: T[], initialPageSize: number, initialPageIndex?: number): UsePaginationReturn<T>;
 export type SortType = "numeric" | "alphabetical" | "alphanumeric" | "boolean" | "date" | "basic" | "custom";
-export interface SortOptions {
+export interface BaseSortOptions {
 	desc?: boolean;
-	caseSensitive?: boolean;
 	disableSortRemoval?: boolean;
 	invertSorting?: boolean;
-	sortUndefined?: "first" | "last" | false | -1 | 1;
-	compare?: (a: any, b: any) => number;
+	sortUndefined?: "first" | "last" | -1 | 1;
 }
-export interface SortConfig extends SortOptions {
+export interface BaseSortConfig extends BaseSortOptions {
 	id: string;
-	type: SortType;
 	field?: string;
 }
-export type SortState = Array<SortConfig>;
+export type SortConfig = BaseSortConfig & ({
+	type: "numeric" | "boolean" | "date" | "basic";
+} | {
+	type: "alphabetical" | "alphanumeric";
+	caseSensitive?: boolean;
+} | {
+	type: "custom";
+	compare: (a: unknown, b: unknown) => number;
+});
+export type SortState = SortConfig[];
+export type SortOptionsForType<T extends SortType> = Omit<Extract<SortConfig, {
+	type: T;
+}>, "id" | "type" | "field">;
 export interface UseSortReturn<T> {
 	sortedItems: T[];
 	sorts: SortState;
-	addSort: (sort: SortConfig) => void;
+	upsertSorts: (sort: SortConfig) => void;
 	removeSort: (id: string | string[]) => void;
 	clearSorts: () => void;
 	resetSorts: () => void;
-	setSorts: (sorts: SortState) => void;
-	getSortDirection: (id: string) => "asc" | "desc" | undefined;
-	toggleSort: (id: string, type: SortType, options?: SortOptions & {
+	replaceSorts: (sorts: SortState) => void;
+	toggleSort: <TType extends SortType>(id: string, type: TType, options?: SortOptionsForType<TType> & {
 		multi?: boolean;
+		field?: string;
 	}) => void;
+	getSortDirection: (id: string) => "asc" | "desc" | undefined;
 	getNextSortingOrder: (id: string) => "asc" | "desc" | "none";
 	getSortIndex: (id: string) => number | undefined;
 }

package/dist/index.js

@@ -73,11 +73,11 @@ function p(e, t, n = {}) {
 //#region src/utils/filterUtils.ts
 var m = {
 	text: {
-		contains: (e, t, n) => n?.caseSensitive ? String(e).includes(String(t)) : String(e).toLowerCase().includes(String(t).toLowerCase()),
-		equals: (e, t, n) => n?.caseSensitive ? String(e) === String(t) : String(e).toLowerCase() === String(t).toLowerCase(),
-		startsWith: (e, t, n) => n?.caseSensitive ? String(e).startsWith(String(t)) : String(e).toLowerCase().startsWith(String(t).toLowerCase()),
-		endsWith: (e, t, n) => n?.caseSensitive ? String(e).endsWith(String(t)) : String(e).toLowerCase().endsWith(String(t).toLowerCase()),
-		notContains: (e, t, n) => n?.caseSensitive ? !String(e).includes(String(t)) : !String(e).toLowerCase().includes(String(t).toLowerCase())
+		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(),
+		startsWith: (e, t, n) => e == null ? !1 : n?.caseSensitive ? String(e).startsWith(String(t)) : String(e).toLowerCase().startsWith(String(t).toLowerCase()),
+		endsWith: (e, t, n) => e == null ? !1 : n?.caseSensitive ? String(e).endsWith(String(t)) : String(e).toLowerCase().endsWith(String(t).toLowerCase()),
+		notContains: (e, t, n) => e == null ? !0 : n?.caseSensitive ? !String(e).includes(String(t)) : !String(e).toLowerCase().includes(String(t).toLowerCase())
 	},
 	number: {
 		equals: (e, t) => Number(e) === Number(t),
@@ -85,29 +85,35 @@ var m = {
 		lessThan: (e, t) => Number(e) < Number(t),
 		greaterThanOrEqual: (e, t) => Number(e) >= Number(t),
 		lessThanOrEqual: (e, t) => Number(e) <= Number(t),
-		between: (e, t) => Number(e) >= Number(t.min) && Number(e) <= Number(t.max)
+		between: (e, t) => {
+			if (typeof t != "object" || !t) return !1;
+			let { min: n, max: r } = t;
+			return n == null || r == null ? !1 : Number(e) >= Number(n) && Number(e) <= Number(r);
+		}
 	},
 	boolean: { equals: (e, t) => !!e == !!t },
 	date: {
 		equals: (e, t) => {
 			if (!e || !t) return !1;
-			let n = new Date(e).getTime(), r = new Date(t).getTime();
-			return Number.isNaN(n) || Number.isNaN(r) ? !1 : n === r;
+			let n = new Date(e), r = new Date(t);
+			return Number.isNaN(n.getTime()) || Number.isNaN(r.getTime()) ? !1 : n.getFullYear() === r.getFullYear() && n.getMonth() === r.getMonth() && n.getDate() === r.getDate();
 		},
 		before: (e, t) => {
 			if (!e || !t) return !1;
-			let n = new Date(e).getTime(), r = new Date(t).getTime();
+			let n = new Date(e).setHours(0, 0, 0, 0), r = new Date(t).setHours(0, 0, 0, 0);
 			return Number.isNaN(n) || Number.isNaN(r) ? !1 : n < r;
 		},
 		after: (e, t) => {
 			if (!e || !t) return !1;
-			let n = new Date(e).getTime(), r = new Date(t).getTime();
+			let n = new Date(e).setHours(0, 0, 0, 0), r = new Date(t).setHours(0, 0, 0, 0);
 			return Number.isNaN(n) || Number.isNaN(r) ? !1 : n > r;
 		},
 		between: (e, t) => {
-			if (!e || !t?.min || !t?.max) return !1;
-			let n = new Date(e).getTime(), r = new Date(t.min).getTime(), i = new Date(t.max).getTime();
-			return Number.isNaN(n) || Number.isNaN(r) || Number.isNaN(i) ? !1 : n >= r && n <= i;
+			if (!e || typeof t != "object" || !t) return !1;
+			let { min: n, max: r } = t;
+			if (n == null || r == null) return !1;
+			let i = new Date(e).setHours(0, 0, 0, 0), a = new Date(n).setHours(0, 0, 0, 0), o = new Date(r).setHours(0, 0, 0, 0);
+			return Number.isNaN(i) || Number.isNaN(a) || Number.isNaN(o) ? !1 : i >= a && i <= o;
 		}
 	},
 	select: {
@@ -124,20 +130,26 @@ var m = {
 //#region src/utils/utils.ts
 function h(e, t, n) {
 	if (typeof e != "object" || !e) return e;
-	let r = (t || n) ?? "";
-	return r.includes(".") ? r.split(".").reduce((e, t) => e?.[t], e) : e?.[r];
+	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(() => e.filter((e) => r.every((t) => {
-		let { id: n, field: r, type: i, operator: a, value: o, compare: s } = t, c = h(e, r, n);
-		if (i === "custom" || a === "custom") return s ? s(c, o, e) : !0;
-		let l = m[i];
-		if (!l) return !0;
-		let u = l[a];
-		return u ? u(c, o, t) : !0;
-	})), [e, r]), c = t((e) => {
+	let [r, a] = o(n), s = i(() => {
+		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);
+			if (r === "custom") return o ? o(c, a, e) : !0;
+			let l = m[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]);
 	}, []), l = t((e) => {
 		a((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
@@ -147,21 +159,22 @@ function g(e, n = []) {
 		a(n);
 	}, [n]), f = t((e) => {
 		a(e);
-	}, []), p = t((e) => r.find((t) => t.id === e)?.value, [r]), g = t((e, t) => {
-		a((n) => n.map((n) => n.id === e ? {
-			...n,
-			value: t
-		} : n));
-	}, []), _ = t((e) => r.some((t) => t.id === e), [r]);
+	}, []);
 	return {
 		filteredItems: s,
 		filters: r,
-		addFilter: c,
+		upsertFilter: c,
 		removeFilter: l,
 		clearFilters: u,
 		resetFilters: d,
 		toggleFilter: t((e) => {
-			a((t) => t.some((t) => t.id === e.id) ? t.filter((t) => t.id !== e.id) : [...t, e]);
+			a((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? {
+				...t,
+				isActive: t.isActive === !1
+			} : t) : [...t, {
+				...e,
+				isActive: !0
+			}]);
 		}, []),
 		updateFilterConfig: t((e, t) => {
 			a((n) => n.map((n) => n.id === e ? {
@@ -169,45 +182,184 @@ function g(e, n = []) {
 				...t
 			} : n));
 		}, []),
-		setFilters: f,
-		getFilterValue: p,
-		updateFilterValue: g,
-		isFilterActive: _
+		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 ? {
+				...n,
+				value: t
+			} : n));
+		}, []),
+		isFilterActive: t((e) => {
+			let t = r.find((t) => t.id === e);
+			return t ? t.isActive !== !1 : !1;
+		}, [r])
 	};
 }
 //#endregion
+//#region src/utils/fuzzySearchUtils.ts
+function _(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;
+	if (a) {
+		let e = i.split(/[^a-z0-9]+/i).filter((e) => e.length > 0);
+		if (e.length >= r.length) {
+			let t = 0, n = 0;
+			for (let i = 0; i < r.length; i++) {
+				let a = r[i];
+				for (; n < e.length;) {
+					if ((e[n] ?? "")[0] === a) {
+						t++, n++;
+						break;
+					}
+					n++;
+				}
+			}
+			if (t === r.length) return .85;
+		}
+	}
+	let o = !1;
+	for (let e = 0; e < r.length; e++) if (i.includes(r[e] ?? "")) {
+		o = !0;
+		break;
+	}
+	if (!o) return 0;
+	let s = i.indexOf(r);
+	if (s !== -1) {
+		let e = s === 0, t = s / i.length * (e ? .01 : .1), n = (i.length - r.length) / i.length * (e ? .01 : .05);
+		return Math.max(.7, .95 - t - n);
+	}
+	let c = 0, l = -1, u = 0, d = 0, f = 0;
+	for (let e = 0; e < r.length; e++) {
+		let t = r[e];
+		if (!t) continue;
+		let n = i.indexOf(t, f);
+		if (n !== -1) c++, l !== -1 && (n > l ? u += n - l : (d++, u += 1)), l = n, f = n + 1, f >= i.length && (f = 0);
+		else {
+			let e = i.indexOf(t);
+			e !== -1 && (c++, d++, l = e, f = e + 1);
+		}
+	}
+	if (c < r.length / 2) return 0;
+	let p = c / r.length, m = .6 ** d, h = c > 1 ? u / (c - 1) : 1, g = Math.max(.4, 1 - h / i.length), _ = p * m * g;
+	return Math.max(0, _ * .45);
+}
+//#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) => {
+		let r = [], i = [];
+		for (let [t, a] of n) {
+			let n = h(e, t);
+			if (Array.isArray(n)) {
+				for (let e of n) if (e != null && e !== "" && typeof e != "object") {
+					let t = String(e);
+					i.push(t);
+					let n = t.split(/[^a-z0-9]+/i).filter((e) => e.length > 0);
+					for (let e of n) r.push({
+						text: e,
+						weight: a
+					});
+				}
+			} else if (n != null && n !== "" && typeof n != "object") {
+				let e = String(n);
+				i.push(e);
+				let t = e.split(/[^a-z0-9]+/i).filter((e) => e.length > 0);
+				for (let e of t) r.push({
+					text: e,
+					weight: a
+				});
+			}
+		}
+		return {
+			item: e,
+			index: t,
+			tokens: r,
+			combinedFlatText: i.join(" ")
+		};
+	}), [e, n]);
+	return i(() => {
+		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;
+		for (let e of l) {
+			let t = 0, n = 0, l = !1;
+			for (let i of r) {
+				let r = 0, a = o ? i : i.toLowerCase();
+				for (let t of e.tokens) {
+					let e = (o ? t.text : t.text.toLowerCase()).split(/\s+/).filter((e) => e.length > 0);
+					for (let n of e) {
+						if (!n.includes(a)) {
+							if (n.length < i.length / 2) continue;
+							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;
+						e > r && (r = e);
+					}
+				}
+				r >= u && n++, t += r;
+			}
+			if (s === "all" && n < r.length && (l = !0), !l) {
+				let n = t / r.length;
+				if (c && r.length > 1) {
+					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({
+					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);
+	}, [
+		l,
+		e,
+		t,
+		a,
+		o,
+		s,
+		c
+	]);
+}
+//#endregion
 //#region src/constants/keyConstants.ts
-var _ = [
+var y = [
 	"keydown",
 	"keyup",
 	"keypress"
 ];
 //#endregion
 //#region src/hooks/useKey.ts
-function v(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), v = a(!1), y = m && "current" in m && m.current || window;
+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;
 	}, [t]), r(() => {
 		g.current = n;
 	}, [n]), r(() => {
-		if (!y) return;
-		let t = _.includes(s) ? s : "keydown";
+		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") && (v.current = !1);
+			(n === e.toLowerCase() || u && n === "control" || d && n === "shift" || f && n === "alt" || p && n === "meta") && (_.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 && v.current) return;
-				v.current = !0, h.current(t), i && t.preventDefault(), o && t.stopPropagation();
+				if (c && _.current) return;
+				_.current = !0, h.current(t), i && t.preventDefault(), o && t.stopPropagation();
 			}
 		}
-		return y.addEventListener(t, r), y.addEventListener("keyup", n), () => {
-			y.removeEventListener(t, r), y.removeEventListener("keyup", n);
+		return v.addEventListener(t, r), v.addEventListener("keyup", n), () => {
+			v.removeEventListener(t, r), v.removeEventListener("keyup", n);
 		};
 	}, [
 		e,
@@ -220,78 +372,80 @@ function v(e, t, { enabled: n = !0, preventDefault: i = !0, stopPropagation: o =
 		d,
 		f,
 		p,
-		y
+		v
 	]);
 }
 //#endregion
 //#region src/hooks/usePagination.ts
-function y(e, n, r = 0) {
+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);
-	return c !== d && l(d), {
-		currentItems: i(() => typeof a != "number" || a < 1 ? [] : e.slice(c * a, (c + 1) * a), [
-			c,
-			a,
-			e
-		]),
+	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]);
+	return {
+		currentItems: f,
 		pageSize: a,
 		pageIndex: c,
 		totalPages: u,
-		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);
-		}, []),
-		firstPage: t(() => {
-			l(0);
-		}, []),
-		lastPage: t(() => {
-			l(u - 1);
-		}, [u]),
-		setPageIndex: t((e) => {
-			typeof e == "number" && e >= 0 && e <= u - 1 && l(e);
-		}, [u]),
-		setPageSize: 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]),
-		resetPageIndex: t(() => {
-			l(Math.min(Math.max(0, r), u - 1));
-		}, [r, u]),
+		canPrevious: p,
+		canNext: m,
+		nextPage: h,
+		previousPage: g,
+		firstPage: _,
+		lastPage: v,
+		setPageSize: b,
+		setPageIndex: y,
 		resetPageSize: t(() => {
 			s(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])
+		}, [n, e.length]),
+		resetPageIndex: x
 	};
 }
 //#endregion
 //#region src/utils/sortUtils.ts
-function b(e, t, n = {}) {
-	let { sortUndefined: r, desc: i = !1 } = n, a = D(e, t, r, i);
+function S(e, t, n = {}) {
+	let { sortUndefined: r, desc: i = !1 } = n, a = k(e, t, r, i);
 	if (a !== null) return a;
 	let o = !!e;
 	return o === !!t ? 0 : o ? 1 : -1;
 }
-function x(e, t, n = {}) {
-	let { sortUndefined: r, desc: i = !1 } = n, a = D(e, t, r, i);
+function C(e, t, n = {}) {
+	let { sortUndefined: r, desc: i = !1 } = n, a = k(e, t, r, i);
 	if (a !== null) return a;
-	let o = e === "" || e === null ? NaN : Number(e), s = t === "" || t === null ? NaN : Number(t), c = Number.isNaN(o), l = Number.isNaN(s);
-	return c || l ? D(c ? void 0 : o, l ? void 0 : s, r, i) ?? 0 : o - s;
+	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;
 }
-function S(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = D(e, t, i, r);
+function w(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = k(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 C(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = D(e, t, i, r);
+function T(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = k(e, t, i, r);
 	if (o !== null) return o;
 	let s = String(e), c = String(t);
 	return s.localeCompare(c, void 0, {
@@ -299,116 +453,122 @@ function C(e, t, n = {}) {
 		sensitivity: a ? "variant" : "base"
 	});
 }
-function w(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i } = n, a = D(e, t, i, r);
+function E(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i } = n, a = k(e, t, i, r);
 	if (a !== null) return a;
-	let o = new Date(e).getTime(), s = new Date(t).getTime();
-	return (Number.isNaN(o) ? 0 : o) - (Number.isNaN(s) ? 0 : s);
+	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;
 }
-function T(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i } = n, a = D(e, t, i, r);
+function D(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i } = n, a = k(e, t, i, r);
 	return a === null ? e < t ? -1 : +(e > t) : a;
 }
-function E(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, compare: a } = n, o = D(e, t, i, r);
+function O(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, compare: a } = n, o = k(e, t, i, r);
 	return o === null ? typeof a == "function" ? a(e, t) : e < t ? -1 : +(e > t) : o;
 }
-function D(e, t, n = !1, r) {
-	let i = e ?? void 0, a = t ?? void 0;
-	if (i !== void 0 && a !== void 0) return null;
-	if (i === void 0 && a === void 0 || n === !1) return 0;
-	if (n === "first") return i === void 0 ? -1 : 1;
-	if (n === "last") return i === void 0 ? 1 : -1;
+function k(e, t, n = "last", r) {
+	let i = e == null || e === "", a = t == null || t === "";
+	if (i && a) return 0;
+	if (!i && !a) return null;
+	if (n === "first") return i ? -1 : 1;
+	if (n === "last") return i ? 1 : -1;
 	if (n === -1) {
 		let e = r ? 1 : -1;
-		return i === void 0 ? e : -e;
+		return i ? e : -e;
 	}
 	if (n === 1) {
 		let e = r ? 1 : -1;
-		return i === void 0 ? -e : e;
+		return i ? -e : e;
 	}
 	return null;
 }
 //#endregion
 //#region src/hooks/useSort.ts
-function O(e, n = []) {
-	let [r, a] = o(n);
-	return {
-		sortedItems: i(() => e.toSorted((e, t) => {
-			for (let n of r) {
-				let { type: r, field: i, id: a, desc: o = !1, invertSorting: s = !1 } = n, c = h(e, i, a), l = h(t, i, a), u;
-				switch (r) {
+function A(e, n = []) {
+	let [r, a] = o(n), s = i(() => {
+		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;
+				switch (t) {
 					case "numeric":
-						u = x(c, l, n);
+						u = C(c, l, r);
 						break;
 					case "alphabetical":
-						u = S(c, l, n);
+						u = w(c, l, r);
 						break;
 					case "alphanumeric":
-						u = C(c, l, n);
+						u = T(c, l, r);
 						break;
 					case "boolean":
-						u = b(c, l, n);
+						u = S(c, l, r);
 						break;
 					case "date":
-						u = w(c, l, n);
+						u = E(c, l, r);
 						break;
 					case "basic":
-						u = T(c, l, n);
+						u = D(c, l, r);
 						break;
 					case "custom":
-						u = E(c, l, n);
+						u = O(c, l, r);
 						break;
-					default: u = T(c, l, n);
+					default: u = D(c, l, r);
 				}
-				if (u !== 0) return u * (o === s ? 1 : -1);
+				if (u !== 0) return u * (a === o ? 1 : -1);
 			}
 			return 0;
-		}), [r, e]),
+		});
+	}, [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 = {
+					id: e,
+					type: t,
+					...i,
+					desc: !1
+				};
+				return r ? [...n, a] : [a];
+			}
+			if (!a.desc) {
+				let t = {
+					...a,
+					...i,
+					desc: !0
+				};
+				return r ? n.map((n) => n.id === e ? t : n) : [t];
+			}
+			if (a.disableSortRemoval || i.disableSortRemoval) {
+				let t = {
+					...a,
+					...i,
+					desc: !1
+				};
+				return r ? n.map((n) => n.id === e ? t : n) : [t];
+			}
+			return r ? n.filter((t) => t.id !== e) : [];
+		});
+	}, []);
+	return {
+		sortedItems: s,
 		sorts: r,
-		addSort: t((e) => a((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]), []),
-		removeSort: t((e) => {
-			a((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
-		}, []),
-		clearSorts: t(() => a([]), []),
-		resetSorts: t(() => a(n), [n]),
-		setSorts: t((e) => a(e), []),
+		upsertSorts: c,
+		removeSort: l,
+		clearSorts: u,
+		resetSorts: d,
+		replaceSorts: f,
 		getSortDirection: t((e) => {
 			let t = r.find((t) => t.id === e);
 			return t ? t.desc ? "desc" : "asc" : void 0;
 		}, [r]),
-		toggleSort: t((e, t, n) => {
-			let { multi: r = !1, ...i } = n || {};
-			a((n) => {
-				let a = n.find((t) => t.id === e);
-				if (!a) {
-					let a = {
-						id: e,
-						type: t,
-						...i,
-						desc: !1
-					};
-					return r ? [...n, a] : [a];
-				}
-				if (!a.desc) {
-					let t = {
-						...a,
-						...i,
-						desc: !0
-					};
-					return r ? n.map((n) => n.id === e ? t : n) : [t];
-				}
-				if (a.disableSortRemoval || i.disableSortRemoval) {
-					let t = {
-						...a,
-						...i,
-						desc: !1
-					};
-					return r ? n.map((n) => n.id === e ? t : n) : [t];
-				}
-				return r ? n.filter((t) => t.id !== e) : [];
-			});
-		}, []),
+		toggleSort: p,
 		getNextSortingOrder: t((e) => {
 			let t = r.find((t) => t.id === e);
 			return t ? t.desc ? t.disableSortRemoval ? "asc" : "none" : "desc" : "asc";
@@ -421,7 +581,7 @@ function O(e, n = []) {
 }
 //#endregion
 //#region src/hooks/useThrottle.ts
-function k(e, n, i = {}) {
+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);
 	r(() => {
 		d.current = e;
@@ -455,4 +615,4 @@ function k(e, n, i = {}) {
 	};
 }
 //#endregion
-export { d as ModalLayout, f as useDebounce, p as useDebouncedValue, g as useFilter, v as useKey, u as useModal, y as usePagination, O as useSort, k as useThrottle };
+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 };

package/package.json

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