@himanshu-sorathiya/react-kit 1.0.1 → 1.0.2

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+// Generated by dts-bundle-generator v9.5.1
+
+export interface ModalProps {
+	children: React.ReactNode;
+	className?: string;
+}
+export declare function Modal({ children, className }: ModalProps): import("react").ReactPortal;
+export interface UseModalReturn<TData> {
+	id: string | null;
+	data: TData | undefined;
+	openModal: <T = any>(id: string, data?: T) => void;
+	closeModal: () => void;
+}
+export declare function useModal<TData = any>(): UseModalReturn<TData>;
+export interface UsePaginationReturn<T> {
+	currentItems: T[];
+	pageSize: number;
+	pageIndex: number;
+	totalPages: number;
+	canPrevious: boolean;
+	canNext: boolean;
+	nextPage: () => void;
+	previousPage: () => void;
+	firstPage: () => void;
+	lastPage: () => void;
+	setPageIndex: (newPageIndex: number) => void;
+	setPageSize: (newPageSize: number) => void;
+	resetPageIndex: () => void;
+	resetPageSize: () => void;
+}
+export declare function usePagination<T>(data: T[], initialPageSize: number, initialPageIndex?: number): UsePaginationReturn<T>;
+
+export { };

package/dist/index.js

@@ -1,9 +1,9 @@
-import { useEffect as e, useRef as t } from "react";
-import { createPortal as n } from "react-dom";
-import { createStore as r, useSelector as i } from "@tanstack/react-store";
-import { jsx as a } from "react/jsx-runtime";
+import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+import { createPortal as a } from "react-dom";
+import { createStore as o, useSelector as s } from "@tanstack/react-store";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/store/modalStore.ts
-var o = r({
+var l = o({
 	id: null,
 	data: void 0
 }, ({ setState: e }) => ({
@@ -20,32 +20,79 @@ var o = r({
 }));
 //#endregion
 //#region src/hooks/useModal.ts
-function s() {
+function u() {
 	return {
-		id: i(o, (e) => e.id),
-		data: i(o, (e) => e.data),
-		openModal: o.actions.open,
-		closeModal: o.actions.close
+		id: s(l, (e) => e.id),
+		data: s(l, (e) => e.data),
+		openModal: l.actions.open,
+		closeModal: l.actions.close
 	};
 }
 //#endregion
 //#region src/components/Modal.tsx
-function c({ children: r, className: i = "" }) {
-	let { id: o, closeModal: c } = s(), l = t(null);
-	return e(() => {
-		let e = l.current;
-		e && (o && !e.open ? e.showModal() : !o && e.open && e.close());
-	}, [o]), n(/* @__PURE__ */ a("dialog", {
-		ref: l,
+function d({ children: e, className: n = "" }) {
+	let { id: i, closeModal: o } = u(), s = r(null);
+	return t(() => {
+		let e = s.current;
+		e && (i && !e.open ? e.showModal() : !i && e.open && e.close());
+	}, [i]), a(/* @__PURE__ */ c("dialog", {
+		ref: s,
 		onCancel: (e) => {
-			e.preventDefault(), c();
+			e.preventDefault(), o();
 		},
-		className: `universal-modal ${i ?? ""}`,
-		children: /* @__PURE__ */ a("div", {
+		className: `universal-modal ${n ?? ""}`,
+		children: /* @__PURE__ */ c("div", {
 			className: "modal-container",
-			children: r
+			children: e
 		})
 	}), document.body);
 }
 //#endregion
-export { c as Modal, s as useModal };
+//#region src/hooks/usePagination.ts
+function f(t, r, a = 0) {
+	let [o, s] = i(r), [c, l] = i(a), u = Math.max(1, Math.ceil(t.length / Math.max(1, o))), d = Math.min(Math.max(0, c), u - 1);
+	return c !== d && l(d), {
+		currentItems: n(() => typeof o != "number" || o < 1 ? [] : t.slice(c * o, (c + 1) * o), [
+			c,
+			o,
+			t
+		]),
+		pageSize: o,
+		pageIndex: c,
+		totalPages: u,
+		canPrevious: c > 0,
+		canNext: c < u - 1,
+		nextPage: e(() => {
+			l((e) => e < u - 1 ? e + 1 : e);
+		}, [u]),
+		previousPage: e(() => {
+			l((e) => e > 0 ? e - 1 : e);
+		}, []),
+		firstPage: e(() => {
+			l(0);
+		}, []),
+		lastPage: e(() => {
+			l(u - 1);
+		}, [u]),
+		setPageIndex: e((e) => {
+			typeof e == "number" && e >= 0 && e <= u - 1 && l(e);
+		}, [u]),
+		setPageSize: e((e) => {
+			if (typeof e == "number" && e > 0) {
+				s(e);
+				let n = Math.max(1, Math.ceil(t.length / Math.max(1, e)));
+				l((e) => Math.min(Math.max(0, e), n - 1));
+			}
+		}, [t.length]),
+		resetPageIndex: e(() => {
+			l(Math.min(Math.max(0, a), u - 1));
+		}, [a, u]),
+		resetPageSize: e(() => {
+			s(Math.max(1, r));
+			let e = Math.max(1, Math.ceil(t.length / Math.max(1, r)));
+			l((t) => Math.min(Math.max(0, t), e - 1));
+		}, [r, t.length])
+	};
+}
+//#endregion
+export { d as Modal, u as useModal, f as usePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@himanshu-sorathiya/react-kit",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "An opinionated collection of react hooks, and reusable UI components.",
 	"type": "module",
 	"module": "./dist/index.js",
@@ -17,7 +17,7 @@
 	},
 	"scripts": {
 		"dev": "vite",
-		"build": "tsc -b && vite build",
+		"build": "vite build && dts-bundle-generator --project tsconfig.app.json -o dist/index.d.ts src/index.ts",
 		"lint": "eslint .",
 		"preview": "vite preview",
 		"format": "prettier . --write"
@@ -35,6 +35,7 @@
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",
 		"@vitejs/plugin-react": "^6.0.1",
+		"dts-bundle-generator": "^9.5.1",
 		"eslint": "^10.3.0",
 		"eslint-plugin-react-hooks": "^7.1.1",
 		"eslint-plugin-react-refresh": "^0.5.2",