@himanshu-sorathiya/react-kit 1.0.29 → 1.0.30

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 // Generated by dts-bundle-generator v9.5.1
 
 import React$1 from 'react';
-import { CSSProperties, Key, RefObject } from 'react';
+import { Key, RefObject } from 'react';
 
 /**
  * The native event that triggered a `useClickOutside` handler. Determined
@@ -2122,15 +2122,6 @@ export interface FuzzyHighlighterProps {
 	caseSensitive?: boolean;
 }
 export declare function FuzzyHighlighter({ text, query, className, caseSensitive, }: FuzzyHighlighterProps): React$1.JSX.Element;
-export interface ModalLayoutProps {
-	modalId: string;
-	children: React$1.ReactNode;
-	wrapperClassName?: string;
-	wrapperStyle?: React$1.CSSProperties;
-	containerClassName?: string;
-	containerStyle?: React$1.CSSProperties;
-}
-export declare function ModalLayout({ modalId, children, wrapperClassName, wrapperStyle, containerClassName, containerStyle, }: ModalLayoutProps): import("react").ReactPortal | null;
 export type ExpansionId = string | number;
 export interface UseExpansionReturn<T> {
 	expandedIds: ExpansionId[];
@@ -2150,20 +2141,6 @@ export declare function useExpansion<T = unknown>(options?: {
 	initialExpandedIds?: ExpansionId[];
 	multiple?: boolean;
 }): UseExpansionReturn<T>;
-export interface UseModalStateReturn<TData> {
-	isOpen: boolean;
-	id: string | null;
-	data: TData | undefined;
-}
-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 type PinId = string | number;
 export interface UsePinReturn<T> {
 	pinnedIds: PinId[];

package/dist/index.js

@@ -3,5 +3,5 @@ import { n as t, t as n } from "./events2.js";
 import { a as r, c as i, d as a, f as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "./performance2.js";
 import { a as v, c as y, i as b, n as x, o as S, r as C, s as w, t as T } from "./state2.js";
 import { a as E, i as D, n as O, o as k, r as A, s as j, t as M } from "./storage2.js";
-import { a as N, c as P, i as F, n as I, o as L, r as R, s as z, t as B } from "./ui2.js";
-export { P as FuzzyHighlighter, F as ModalLayout, A as bigIntSerializer, D as dateSerializer, E as defaultSerializer, k as mapSerializer, j as setSerializer, s as useBatcher, t as useClickOutside, p as useDebouncedCallback, o as useDebouncedState, a as useDebouncedValue, u as useDebouncer, e as useEventListener, R as useExpansion, y as useFilter, w as useFuzzySearch, S as useGrouping, n as useKey, O as useLocalStorage, N as useModal, L as useModalActions, z as useModalState, v as useMultipleSelection, b as useOrder, C as usePagination, I as usePin, l as useRateLimitedCallback, i as useRateLimitedState, h as useRateLimitedValue, _ as useRateLimiter, M as useSessionStorage, x as useSingleSelection, T as useSort, r as useThrottledCallback, c as useThrottledState, m as useThrottledValue, f as useThrottler, d as useVirtualGrid, g as useVirtualList, B as useVisibility };
+import { i as N, n as P, r as F, t as I } from "./ui2.js";
+export { N as FuzzyHighlighter, A as bigIntSerializer, D as dateSerializer, E as defaultSerializer, k as mapSerializer, j as setSerializer, s as useBatcher, t as useClickOutside, p as useDebouncedCallback, o as useDebouncedState, a as useDebouncedValue, u as useDebouncer, e as useEventListener, F as useExpansion, y as useFilter, w as useFuzzySearch, S as useGrouping, n as useKey, O as useLocalStorage, v as useMultipleSelection, b as useOrder, C as usePagination, P as usePin, l as useRateLimitedCallback, i as useRateLimitedState, h as useRateLimitedValue, _ as useRateLimiter, M as useSessionStorage, x as useSingleSelection, T as useSort, r as useThrottledCallback, c as useThrottledState, m as useThrottledValue, f as useThrottler, d as useVirtualGrid, g as useVirtualList, I as useVisibility };

package/dist/ui.d.ts

@@ -1,7 +1,6 @@
 // Generated by dts-bundle-generator v9.5.1
 
 import React$1 from 'react';
-import { CSSProperties } from 'react';
 
 export interface FuzzyHighlighterProps {
 	text: string;
@@ -10,15 +9,6 @@ export interface FuzzyHighlighterProps {
 	caseSensitive?: boolean;
 }
 export declare function FuzzyHighlighter({ text, query, className, caseSensitive, }: FuzzyHighlighterProps): React$1.JSX.Element;
-export interface ModalLayoutProps {
-	modalId: string;
-	children: React$1.ReactNode;
-	wrapperClassName?: string;
-	wrapperStyle?: React$1.CSSProperties;
-	containerClassName?: string;
-	containerStyle?: React$1.CSSProperties;
-}
-export declare function ModalLayout({ modalId, children, wrapperClassName, wrapperStyle, containerClassName, containerStyle, }: ModalLayoutProps): import("react").ReactPortal | null;
 export type ExpansionId = string | number;
 export interface UseExpansionReturn<T> {
 	expandedIds: ExpansionId[];
@@ -38,20 +28,6 @@ export declare function useExpansion<T = unknown>(options?: {
 	initialExpandedIds?: ExpansionId[];
 	multiple?: boolean;
 }): UseExpansionReturn<T>;
-export interface UseModalStateReturn<TData> {
-	isOpen: boolean;
-	id: string | null;
-	data: TData | undefined;
-}
-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 type PinId = string | number;
 export interface UsePinReturn<T> {
 	pinnedIds: PinId[];

package/dist/ui.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./ui2.js";
-export { t as FuzzyHighlighter, n as ModalLayout, a as useExpansion, e as useModal, i as useModalActions, o as useModalState, r as usePin, s as useVisibility };
+import { i as e, n as t, r as n, t as r } from "./ui2.js";
+export { e as FuzzyHighlighter, n as useExpansion, t as usePin, r as useVisibility };

package/dist/ui2.js

@@ -1,16 +1,15 @@
 import { t as e } from "./utils.js";
-import { createContext as t, useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l } from "react/jsx-runtime";
-import { createPortal as u } from "react-dom";
+import { useCallback as t, useMemo as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
 //#region src/ui/FuzzyHighlighter/FuzzyHighlighter.tsx
-function d({ text: e, query: t, className: n = "", caseSensitive: r = !1 }) {
-	let i = String(t || "").trim(), a = String(e || "");
-	if (!i || !a) return /* @__PURE__ */ l(c, { children: a });
-	let o = i.split(/\s+/).filter((e) => e.length > 0);
-	if (o.length === 0) return /* @__PURE__ */ l(c, { children: a });
-	let s = `fuzzy-highlight ${n}`.trim(), u = [...o].sort((e, t) => t.length - e.length).map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")), d = [...u];
+function s({ text: e, query: t, className: n = "", caseSensitive: r = !1 }) {
+	let i = String(t || "").trim(), s = String(e || "");
+	if (!i || !s) return /* @__PURE__ */ o(a, { children: s });
+	let c = i.split(/\s+/).filter((e) => e.length > 0);
+	if (c.length === 0) return /* @__PURE__ */ o(a, { children: s });
+	let l = `fuzzy-highlight ${n}`.trim(), u = [...c].sort((e, t) => t.length - e.length).map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")), d = [...u];
 	if (u.length > 1) {
-		let e = o.map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("\\s+");
+		let e = c.map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("\\s+");
 		d.unshift(e);
 	}
 	if (i.length > 1 && i === i.toUpperCase() && /^[A-Z]+$/.test(i)) {
@@ -18,108 +17,53 @@ function d({ text: e, query: t, className: n = "", caseSensitive: r = !1 }) {
 		d.unshift(e);
 	}
 	let f = `(${d.join("|")})`, p = new RegExp(f, r ? "g" : "gi");
-	return /* @__PURE__ */ l(c, { children: a.split(p).map((e, t) => p.test(e) ? /* @__PURE__ */ l("strong", {
-		className: s,
+	return /* @__PURE__ */ o(a, { children: s.split(p).map((e, t) => p.test(e) ? /* @__PURE__ */ o("strong", {
+		className: l,
 		children: e
 	}, t) : e) });
 }
 //#endregion
-//#region src/ui/useModal/ModalContext.tsx
-var f = t(null), p = t(null);
-//#endregion
-//#region src/ui/useModal/useModal.ts
-function m() {
-	let e = r(f);
-	if (!e) throw Error("useModalState must be used within a ModalProvider");
-	return e;
-}
-function h() {
-	let e = r(p);
-	if (!e) throw Error("useModalActions must be used within a ModalProvider");
-	return e;
-}
-function g() {
-	return {
-		...m(),
-		...h()
-	};
-}
-//#endregion
-//#region src/ui/useModal/ModalLayout.tsx
-function _({ modalId: e, children: t, wrapperClassName: n = "", wrapperStyle: r, containerClassName: a = "", containerStyle: c }) {
-	let { isOpen: d, id: f } = m(), { closeModal: p, clearModal: g } = h(), [_, v] = s(!1), y = o(null), b = o(null), x = f === e, S = d && x;
-	return i(() => {
-		let e = y.current;
-		e && (S && !e.open ? (document.activeElement && (b.current = document.activeElement), v(!1), e.showModal()) : !S && e.open && v(!0));
-	}, [S]), typeof document > "u" || !x && !_ ? null : u(/* @__PURE__ */ l("dialog", {
-		ref: y,
-		onCancel: (e) => {
-			e.preventDefault(), p();
-		},
-		onClose: p,
-		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) && p();
-		},
-		onAnimationEnd: () => {
-			if (_) {
-				let e = y.current;
-				e && e.close(), v(!1), x && g(), b.current &&= (b.current.focus(), null);
-			}
-		},
-		className: `universal-modal ${n}`.trim(),
-		style: r,
-		children: /* @__PURE__ */ l("div", {
-			className: `modal-container ${a}`.trim(),
-			style: c,
-			children: t
-		})
-	}), document.body);
-}
-//#endregion
 //#region src/ui/useExpansion/useExpansion.ts
-function v(t = {}) {
-	let r = t || {}, i = a(() => Array.isArray(r.items) ? r.items : [], [r.items]), c = Array.isArray(r.initialExpandedIds) ? r.initialExpandedIds : [], l = r.field, u = !!r.multiple, d = o(c), [f, p] = s(() => new Set(c)), m = n((t) => {
+function c(a = {}) {
+	let o = a || {}, s = n(() => Array.isArray(o.items) ? o.items : [], [o.items]), c = Array.isArray(o.initialExpandedIds) ? o.initialExpandedIds : [], l = o.field, u = !!o.multiple, d = r(c), [f, p] = i(() => new Set(c)), m = t((t) => {
 		let n = e(t, l);
 		return f.has(n);
-	}, [f, l]), h = n((t) => {
+	}, [f, l]), h = t((t) => {
 		p((n) => {
 			let r = e(t, l);
 			if (n.has(r)) return n;
 			let i = u ? new Set(n) : /* @__PURE__ */ new Set();
 			return i.add(r), i;
 		});
-	}, [l, u]), g = n((t) => {
+	}, [l, u]), g = t((t) => {
 		p((n) => {
 			let r = e(t, l);
 			if (!n.has(r)) return n;
 			let i = new Set(n);
 			return i.delete(r), i;
 		});
-	}, [l]), _ = n((t) => {
+	}, [l]), _ = t((t) => {
 		p((n) => {
 			let r = e(t, l), i = u ? new Set(n) : /* @__PURE__ */ new Set();
 			return n.has(r) ? u && i.delete(r) : i.add(r), i;
 		});
-	}, [l, u]), v = n(() => {
+	}, [l, u]), v = t(() => {
 		if (!u) return;
-		let t = (Array.isArray(i) ? i : []).map((t) => e(t, l));
+		let t = (Array.isArray(s) ? s : []).map((t) => e(t, l));
 		p(new Set(t));
 	}, [
-		i,
+		s,
 		l,
 		u
-	]), y = n(() => {
+	]), y = t(() => {
 		p(/* @__PURE__ */ new Set());
-	}, []), b = n(() => {
+	}, []), b = t(() => {
 		p(new Set(d.current));
-	}, []), x = n((t) => {
+	}, []), x = t((t) => {
 		let n = (Array.isArray(t) ? t : []).map((t) => e(t, l));
 		p(new Set(n));
-	}, [l]), S = a(() => (Array.isArray(i) ? i : []).filter((t) => f.has(e(t, l))), [
-		i,
+	}, [l]), S = n(() => (Array.isArray(s) ? s : []).filter((t) => f.has(e(t, l))), [
+		s,
 		l,
 		f
 	]);
@@ -138,19 +82,19 @@ function v(t = {}) {
 }
 //#endregion
 //#region src/ui/usePin/usePin.ts
-function y(t = {}) {
-	let r = t || {}, i = a(() => Array.isArray(r.items) ? r.items : [], [r.items]), c = Array.isArray(r.initialPinnedIds) ? r.initialPinnedIds : [], l = r.field, u = typeof r.maxPins == "number" && !isNaN(r.maxPins) ? Math.max(1, r.maxPins) : 2 ** 53 - 1, d = o(c), [f, p] = s(() => new Set(c)), m = n((t) => {
+function l(a = {}) {
+	let o = a || {}, s = n(() => Array.isArray(o.items) ? o.items : [], [o.items]), c = Array.isArray(o.initialPinnedIds) ? o.initialPinnedIds : [], l = o.field, u = typeof o.maxPins == "number" && !isNaN(o.maxPins) ? Math.max(1, o.maxPins) : 2 ** 53 - 1, d = r(c), [f, p] = i(() => new Set(c)), m = t((t) => {
 		p((n) => {
 			if (n.size >= u) return n;
 			let r = new Set(n), i = e(t, l);
 			return r.add(i), r;
 		});
-	}, [l, u]), h = n((t) => {
+	}, [l, u]), h = t((t) => {
 		p((n) => {
 			let r = new Set(n), i = e(t, l);
 			return r.delete(i), r;
 		});
-	}, [l]), g = n((t) => {
+	}, [l]), g = t((t) => {
 		p((n) => {
 			let r = new Set(n), i = e(t, l);
 			if (r.has(i)) r.delete(i);
@@ -160,13 +104,13 @@ function y(t = {}) {
 			}
 			return r;
 		});
-	}, [l, u]), _ = n((t) => {
+	}, [l, u]), _ = t((t) => {
 		let n = e(t, l);
 		return f.has(n);
-	}, [f, l]), v = n(() => p(/* @__PURE__ */ new Set()), []), y = n(() => p(new Set(d.current)), [d]), b = n((t) => {
+	}, [f, l]), v = t(() => p(/* @__PURE__ */ new Set()), []), y = t(() => p(new Set(d.current)), [d]), b = t((t) => {
 		let n = (Array.isArray(t) ? t : []).map((t) => e(t, l));
 		p(new Set(n.slice(0, u)));
-	}, [l, u]), x = n((t) => {
+	}, [l, u]), x = t((t) => {
 		p((n) => {
 			let r = new Set(n), i = (Array.isArray(t) ? t : []).map((t) => e(t, l));
 			for (let e of i) {
@@ -175,23 +119,23 @@ function y(t = {}) {
 			}
 			return r;
 		});
-	}, [l, u]), S = n((t) => {
+	}, [l, u]), S = t((t) => {
 		p((n) => {
 			let r = new Set(n);
 			return (Array.isArray(t) ? t : []).map((t) => e(t, l)).forEach((e) => r.delete(e)), r;
 		});
-	}, [l]), C = a(() => (Array.isArray(i) ? i : []).filter((t) => {
+	}, [l]), C = n(() => (Array.isArray(s) ? s : []).filter((t) => {
 		let n = e(t, l);
 		return f.has(n);
 	}), [
-		i,
+		s,
 		l,
 		f
-	]), w = a(() => (Array.isArray(i) ? i : []).filter((t) => {
+	]), w = n(() => (Array.isArray(s) ? s : []).filter((t) => {
 		let n = e(t, l);
 		return !f.has(n);
 	}), [
-		i,
+		s,
 		l,
 		f
 	]);
@@ -215,56 +159,56 @@ function y(t = {}) {
 }
 //#endregion
 //#region src/ui/useVisibility/useVisibility.ts
-function b(t = {}) {
-	let r = t || {}, i = a(() => Array.isArray(r.items) ? r.items : [], [r.items]), c = Array.isArray(r.initialVisibleIds) ? r.initialVisibleIds : [], l = r.field, u = o(c), [d, f] = s(() => new Set(c)), p = n((t) => {
+function u(a = {}) {
+	let o = a || {}, s = n(() => Array.isArray(o.items) ? o.items : [], [o.items]), c = Array.isArray(o.initialVisibleIds) ? o.initialVisibleIds : [], l = o.field, u = r(c), [d, f] = i(() => new Set(c)), p = t((t) => {
 		let n = e(t, l);
 		return d.has(n);
-	}, [d, l]), m = n((t) => {
+	}, [d, l]), m = t((t) => {
 		f((n) => {
 			let r = new Set(n), i = e(t, l);
 			return r.add(i), r;
 		});
-	}, [l]), h = n((t) => {
+	}, [l]), h = t((t) => {
 		f((n) => {
 			let r = new Set(n), i = e(t, l);
 			return r.delete(i), r;
 		});
-	}, [l]), g = n((t) => {
+	}, [l]), g = t((t) => {
 		f((n) => {
 			let r = new Set(n), i = e(t, l);
 			return r.has(i) ? r.delete(i) : r.add(i), r;
 		});
-	}, [l]), _ = n((t) => {
+	}, [l]), _ = t((t) => {
 		f((n) => {
 			let r = new Set(n);
-			return (Array.isArray(t) ? t : Array.isArray(i) ? i : []).forEach((t) => {
+			return (Array.isArray(t) ? t : Array.isArray(s) ? s : []).forEach((t) => {
 				r.add(e(t, l));
 			}), r;
 		});
-	}, [i, l]), v = n((t) => {
+	}, [s, l]), v = t((t) => {
 		f((n) => {
 			let r = new Set(n);
-			return (Array.isArray(t) ? t : Array.isArray(i) ? i : []).forEach((t) => {
+			return (Array.isArray(t) ? t : Array.isArray(s) ? s : []).forEach((t) => {
 				r.delete(e(t, l));
 			}), r;
 		});
-	}, [i, l]), y = n(() => {
+	}, [s, l]), y = t(() => {
 		f(() => new Set(u.current));
-	}, []), b = n((t) => {
+	}, []), b = t((t) => {
 		let n = (Array.isArray(t) ? t : []).map((t) => e(t, l));
 		f(() => new Set(n));
-	}, [l]), x = a(() => (Array.isArray(i) ? i : []).filter((t) => {
+	}, [l]), x = n(() => (Array.isArray(s) ? s : []).filter((t) => {
 		let n = e(t, l);
 		return d.has(n);
 	}), [
-		i,
+		s,
 		l,
 		d
-	]), S = a(() => (Array.isArray(i) ? i : []).filter((t) => {
+	]), S = n(() => (Array.isArray(s) ? s : []).filter((t) => {
 		let n = e(t, l);
 		return !d.has(n);
 	}), [
-		i,
+		s,
 		l,
 		d
 	]);
@@ -284,4 +228,4 @@ function b(t = {}) {
 	};
 }
 //#endregion
-export { g as a, d as c, _ as i, y as n, h as o, v as r, m as s, b as t };
+export { s as i, l as n, c as r, u as t };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@himanshu-sorathiya/react-kit",
-	"version": "1.0.29",
+	"version": "1.0.30",
 	"description": "An opinionated collection of react hooks, and reusable UI components.",
 	"type": "module",
 	"module": "./dist/index.js",
@@ -32,8 +32,7 @@
 		"./storage": {
 			"types": "./dist/storage.d.ts",
 			"import": "./dist/storage.js"
-		},
-		"./styles.css": "./dist/index.css"
+		}
 	},
 	"scripts": {
 		"dev": "vite",
@@ -64,9 +63,6 @@
 		"typescript-eslint": "^8.59.2",
 		"vite": "^8.1.4"
 	},
-	"sideEffects": [
-		"**/*.css"
-	],
 	"keywords": [
 		"react",
 		"react-kit",