antd-crud-table 0.2.0 → 0.4.0

package/dist/useCrudTable.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BZRuZbSa.cjs`);const e=require(`./message-C5ORE39N.cjs`);let t=require(`react`);var n=e=>{let{baseUrl:t=``,endpoints:n={},headers:r={},transform:i}=e.api,a={list:`/list`,create:`/create`,update:`/update`,delete:`/delete`,...n},o=async(e,n={})=>{let i=await fetch(`${t}${e}`,{headers:{"Content-Type":`application/json`,...r},...n});if(!i.ok)throw Error(`HTTP error! status: ${i.status}`);return i.json()};return{getList:async e=>{let n=new URL(`${t}${a.list}`,window.location.origin);Object.entries(e).forEach(([e,t])=>{t!=null&&n.searchParams.append(e,String(t))});let r=await o(n.pathname+n.search);return i?.response?i.response(r):r},create:async e=>{let t=i?.request?i.request(e):e;return o(a.create,{method:`POST`,body:JSON.stringify(t)})},update:async(e,t)=>{let n=i?.request?i.request(t):t;return o(`${a.update}/${e}`,{method:`PUT`,body:JSON.stringify(n)})},delete:async e=>{await o(`${a.delete}/${e}`,{method:`DELETE`})}}},r=(e,t)=>{let n=[...e],r=Math.max(...n.map(e=>Number(e[t])||0))+1;return{getList:async e=>{let{current:t=1,pageSize:r=10,sortBy:i,sortOrder:a,...o}=e,s=[...n];Object.entries(o).forEach(([e,t])=>{t!=null&&t!==``&&(s=s.filter(n=>String(n[e]).toLowerCase().includes(String(t).toLowerCase())))}),i&&a&&s.sort((e,t)=>{let n=e[i],r=t[i],o=n>r?1:n<r?-1:0;return a===`ascend`?o:-o});let c=(t-1)*r;return{data:s.slice(c,c+r),total:s.length,success:!0}},create:async e=>{let i={[t]:r++,...e};return n.push(i),i},update:async(e,r)=>{let i=n.findIndex(n=>n[t]===e);if(i===-1)throw Error(`Item not found`);return n[i]={...n[i],...r},n[i]},delete:async e=>{let r=n.findIndex(n=>n[t]===e);if(r===-1)throw Error(`Item not found`);n.splice(r,1)}}},i=(i,a)=>{let o=(0,t.useRef)(null),[s,c]=(0,t.useState)({loading:!1,error:null,data:[],total:0,current:1,pageSize:a.defaultPageSize||10}),l=(()=>{if(`operations`in a)return a.operations;if(`staticData`in a)return r(a.staticData,i);if(`api`in a)return n(a);throw Error(`useCrudTable: Must provide either staticData, api config, or custom operations`)})(),u=(0,t.useCallback)(async()=>{c(e=>({...e,loading:!0,error:null}));try{let e={current:s.current,pageSize:s.pageSize},t=await l.getList(e);c(e=>({...e,data:t.data,total:t.total,loading:!1}))}catch(t){let n=t instanceof Error?t.message:`Failed to fetch data`;c(e=>({...e,loading:!1,error:n})),a.onError?.(`fetch`,t),e.t.error(n)}},[s.current,s.pageSize,l,a]);return{refresh:u,create:(0,t.useCallback)(async t=>{if(!l.create)return e.t.error(`Create operation not supported`),null;try{c(e=>({...e,loading:!0}));let n=await l.create(t);return a.optimisticUpdates?c(e=>({...e,data:[...e.data,n],total:e.total+1,loading:!1})):await u(),a.onSuccess?.(`create`,n),e.t.success(`Created successfully`),n}catch(t){c(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Create failed`;return a.onError?.(`create`,t),e.t.error(n),null}},[l,a,u]),update:(0,t.useCallback)(async(t,n)=>{if(!l.update)return e.t.error(`Update operation not supported`),null;try{c(e=>({...e,loading:!0}));let r=await l.update(t,n);return a.optimisticUpdates?c(e=>({...e,data:e.data.map(e=>e[i]===t?{...e,...r}:e),loading:!1})):await u(),a.onSuccess?.(`update`,r),e.t.success(`Updated successfully`),r}catch(t){c(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Update failed`;return a.onError?.(`update`,t),e.t.error(n),null}},[l,a,i,u]),delete:(0,t.useCallback)(async t=>{if(!l.delete)return e.t.error(`Delete operation not supported`),!1;try{return c(e=>({...e,loading:!0})),await l.delete(t),a.optimisticUpdates?c(e=>({...e,data:e.data.filter(e=>e[i]!==t),total:e.total-1,loading:!1})):await u(),a.onSuccess?.(`delete`,t),e.t.success(`Deleted successfully`),!0}catch(t){c(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Delete failed`;return a.onError?.(`delete`,t),e.t.error(n),!1}},[l,a,i,u]),setPageSize:(0,t.useCallback)(e=>{c(t=>({...t,pageSize:e,current:1}))},[]),setCurrentPage:(0,t.useCallback)(e=>{c(t=>({...t,current:e}))},[]),state:s,actionRef:o}};exports.useCrudTable=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./CrudTable.cjs`);let e=require(`antd`),t=require(`react`);var n=e=>{let{baseUrl:t=``,endpoints:n={},headers:r={},transform:i}=e.api,a={list:`/list`,create:`/create`,update:`/update`,delete:`/delete`,...n},o=async(e,n={})=>{let i=await fetch(`${t}${e}`,{headers:{"Content-Type":`application/json`,...r},...n});if(!i.ok)throw Error(`HTTP error! status: ${i.status}`);return i.json()};return{getList:async e=>{let n=new URL(`${t}${a.list}`,window.location.origin);Object.entries(e).forEach(([e,t])=>{t!=null&&n.searchParams.append(e,String(t))});let r=await o(n.pathname+n.search);return i?.response?i.response(r):r},create:async e=>{let t=i?.request?i.request(e):e;return o(a.create,{method:`POST`,body:JSON.stringify(t)})},update:async(e,t)=>{let n=i?.request?i.request(t):t;return o(`${a.update}/${e}`,{method:`PUT`,body:JSON.stringify(n)})},delete:async e=>{await o(`${a.delete}/${e}`,{method:`DELETE`})}}},r=(e,t)=>{let n=[...e],r=Math.max(...n.map(e=>Number(e[t])||0))+1;return{getList:async e=>{let{current:t=1,pageSize:r=10,sortBy:i,sortOrder:a,...o}=e,s=[...n];Object.entries(o).forEach(([e,t])=>{t!=null&&t!==``&&(s=s.filter(n=>String(n[e]).toLowerCase().includes(String(t).toLowerCase())))}),i&&a&&s.sort((e,t)=>{let n=e[i],r=t[i],o=n>r?1:n<r?-1:0;return a===`ascend`?o:-o});let c=(t-1)*r;return{data:s.slice(c,c+r),total:s.length,success:!0}},create:async e=>{let i={[t]:r++,...e};return n.push(i),i},update:async(e,r)=>{let i=n.findIndex(n=>n[t]===e);if(i===-1)throw Error(`Item not found`);return n[i]={...n[i],...r},n[i]},delete:async e=>{let r=n.findIndex(n=>n[t]===e);if(r===-1)throw Error(`Item not found`);n.splice(r,1)}}},i=(i,a)=>{let o=(0,t.useRef)(null),[s,c]=(0,t.useState)({loading:!1,error:null,data:[],total:0,current:1,pageSize:a.defaultPageSize||10}),l=(()=>{if(`operations`in a)return a.operations;if(`staticData`in a)return r(a.staticData,i);if(`api`in a)return n(a);throw Error(`useCrudTable: Must provide either staticData, api config, or custom operations`)})(),u=(0,t.useCallback)(async()=>{c(e=>({...e,loading:!0,error:null}));try{let e={current:s.current,pageSize:s.pageSize},t=await l.getList(e);c(e=>({...e,data:t.data,total:t.total,loading:!1}))}catch(t){let n=t instanceof Error?t.message:`Failed to fetch data`;c(e=>({...e,loading:!1,error:n})),a.onError?.(`fetch`,t),e.message.error(n)}},[s.current,s.pageSize,l,a]);return{refresh:u,create:(0,t.useCallback)(async t=>{if(!l.create)return e.message.error(`Create operation not supported`),null;try{c(e=>({...e,loading:!0}));let n=await l.create(t);return a.optimisticUpdates?c(e=>({...e,data:[...e.data,n],total:e.total+1,loading:!1})):await u(),a.onSuccess?.(`create`,n),e.message.success(`Created successfully`),n}catch(t){c(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Create failed`;return a.onError?.(`create`,t),e.message.error(n),null}},[l,a,u]),update:(0,t.useCallback)(async(t,n)=>{if(!l.update)return e.message.error(`Update operation not supported`),null;try{c(e=>({...e,loading:!0}));let r=await l.update(t,n);return a.optimisticUpdates?c(e=>({...e,data:e.data.map(e=>e[i]===t?{...e,...r}:e),loading:!1})):await u(),a.onSuccess?.(`update`,r),e.message.success(`Updated successfully`),r}catch(t){c(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Update failed`;return a.onError?.(`update`,t),e.message.error(n),null}},[l,a,i,u]),delete:(0,t.useCallback)(async t=>{if(!l.delete)return e.message.error(`Delete operation not supported`),!1;try{return c(e=>({...e,loading:!0})),await l.delete(t),a.optimisticUpdates?c(e=>({...e,data:e.data.filter(e=>e[i]!==t),total:e.total-1,loading:!1})):await u(),a.onSuccess?.(`delete`,t),e.message.success(`Deleted successfully`),!0}catch(t){c(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Delete failed`;return a.onError?.(`delete`,t),e.message.error(n),!1}},[l,a,i,u]),setPageSize:(0,t.useCallback)(e=>{c(t=>({...t,pageSize:e,current:1}))},[]),setCurrentPage:(0,t.useCallback)(e=>{c(t=>({...t,current:e}))},[]),state:s,actionRef:o}};exports.useCrudTable=i;

package/dist/useCrudTable.js

@@ -1,4 +1,4 @@
-import { t as e } from "./message-C9NNC2sM.js";
+import { message as e } from "antd";
 import { useCallback as t, useRef as n, useState as r } from "react";
 //#region lib/hooks/useCrudTable.ts
 var i = (e) => {

package/dist/useLocalStorageCrud.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`./CrudTable.cjs`);let e=require(`antd`),t=require(`react`);var n=(e,t=[])=>{try{let n=localStorage.getItem(e);return n?JSON.parse(n):t}catch{return t}},r=(e,t)=>{try{localStorage.setItem(e,JSON.stringify(t))}catch(e){console.error(`Failed to save to localStorage:`,e)}},i=(e,t,i=[])=>({getList:async t=>{let{current:r=1,pageSize:a=10,sortBy:o,sortOrder:s,...c}=t,l=n(e,i);Object.entries(c).forEach(([e,t])=>{t!=null&&t!==``&&e!==`current`&&e!==`pageSize`&&(l=l.filter(n=>{let r=n[e];return r==null?!1:String(r).toLowerCase().includes(String(t).toLowerCase())}))}),o&&s&&l.sort((e,t)=>{let n=e[o],r=t[o];if(n==null)return 1;if(r==null)return-1;let i=n>r?1:n<r?-1:0;return s===`ascend`?i:-i});let u=(r-1)*a;return{data:l.slice(u,u+a),total:l.length,success:!0}},create:async a=>{let o=n(e,i),s=o.length>0?Math.max(...o.map(e=>Number(e[t])||0),0):0,c={[t]:s+1,...a,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};return o.push(c),r(e,o),c},update:async(a,o)=>{let s=n(e,i),c=s.findIndex(e=>e[t]===a);if(c===-1)throw Error(`Item not found`);return s[c]={...s[c],...o,updatedAt:new Date().toISOString()},r(e,s),s[c]},delete:async a=>{r(e,n(e,i).filter(e=>e[t]!==a))}}),a=(n,r,a=[],o)=>{let s=(0,t.useRef)(null),[c,l]=(0,t.useState)({loading:!1,error:null,data:[],total:0,current:1,pageSize:o?.defaultPageSize||10}),u=i(r,n,a),d=(0,t.useCallback)(async()=>{l(e=>({...e,loading:!0,error:null}));try{let e={current:c.current,pageSize:c.pageSize},t=await u.getList(e);l(e=>({...e,data:t.data,total:t.total,loading:!1}))}catch(t){let n=t instanceof Error?t.message:`Failed to fetch data`;l(e=>({...e,loading:!1,error:n})),o?.onError?.(`fetch`,t),e.message.error(n)}},[c.current,c.pageSize,u,o]);return(0,t.useEffect)(()=>{d()},[]),{refresh:d,create:(0,t.useCallback)(async t=>{try{l(e=>({...e,loading:!0}));let n=await u.create(t);return o?.optimisticUpdates?l(e=>({...e,data:[...e.data,n],total:e.total+1,loading:!1})):await d(),o?.onSuccess?.(`create`,n),e.message.success(`Created successfully`),s.current?.reload(),n}catch(t){l(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Create failed`;return o?.onError?.(`create`,t),e.message.error(n),null}},[u,o,d]),update:(0,t.useCallback)(async(t,r)=>{try{l(e=>({...e,loading:!0}));let i=await u.update(t,r);return o?.optimisticUpdates?l(e=>({...e,data:e.data.map(e=>e[n]===t?{...e,...i}:e),loading:!1})):await d(),o?.onSuccess?.(`update`,i),e.message.success(`Updated successfully`),s.current?.reload(),i}catch(t){l(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Update failed`;return o?.onError?.(`update`,t),e.message.error(n),null}},[u,o,n,d]),delete:(0,t.useCallback)(async t=>{try{return l(e=>({...e,loading:!0})),await u.delete(t),o?.optimisticUpdates?l(e=>({...e,data:e.data.filter(e=>e[n]!==t),total:e.total-1,loading:!1})):await d(),o?.onSuccess?.(`delete`,t),e.message.success(`Deleted successfully`),s.current?.reload(),!0}catch(t){l(e=>({...e,loading:!1}));let n=t instanceof Error?t.message:`Delete failed`;return o?.onError?.(`delete`,t),e.message.error(n),!1}},[u,o,n,d]),setPageSize:(0,t.useCallback)(e=>{l(t=>({...t,pageSize:e,current:1}))},[]),setCurrentPage:(0,t.useCallback)(e=>{l(t=>({...t,current:e}))},[]),state:c,actionRef:s}};exports.default=a,exports.useLocalStorageCrud=a;

package/dist/useLocalStorageCrud.js

@@ -0,0 +1,201 @@
+import { message as e } from "antd";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+//#region lib/hooks/useLocalStorageCrud.ts
+var a = (e, t = []) => {
+	try {
+		let n = localStorage.getItem(e);
+		return n ? JSON.parse(n) : t;
+	} catch {
+		return t;
+	}
+}, o = (e, t) => {
+	try {
+		localStorage.setItem(e, JSON.stringify(t));
+	} catch (e) {
+		console.error("Failed to save to localStorage:", e);
+	}
+}, s = (e, t, n = []) => ({
+	getList: async (t) => {
+		let { current: r = 1, pageSize: i = 10, sortBy: o, sortOrder: s, ...c } = t, l = a(e, n);
+		Object.entries(c).forEach(([e, t]) => {
+			t != null && t !== "" && e !== "current" && e !== "pageSize" && (l = l.filter((n) => {
+				let r = n[e];
+				return r == null ? !1 : String(r).toLowerCase().includes(String(t).toLowerCase());
+			}));
+		}), o && s && l.sort((e, t) => {
+			let n = e[o], r = t[o];
+			if (n == null) return 1;
+			if (r == null) return -1;
+			let i = n > r ? 1 : n < r ? -1 : 0;
+			return s === "ascend" ? i : -i;
+		});
+		let u = (r - 1) * i;
+		return {
+			data: l.slice(u, u + i),
+			total: l.length,
+			success: !0
+		};
+	},
+	create: async (r) => {
+		let i = a(e, n), s = i.length > 0 ? Math.max(...i.map((e) => Number(e[t]) || 0), 0) : 0, c = {
+			[t]: s + 1,
+			...r,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+		};
+		return i.push(c), o(e, i), c;
+	},
+	update: async (r, i) => {
+		let s = a(e, n), c = s.findIndex((e) => e[t] === r);
+		if (c === -1) throw Error("Item not found");
+		return s[c] = {
+			...s[c],
+			...i,
+			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+		}, o(e, s), s[c];
+	},
+	delete: async (r) => {
+		o(e, a(e, n).filter((e) => e[t] !== r));
+	}
+}), c = (a, o, c = [], l) => {
+	let u = r(null), [d, f] = i({
+		loading: !1,
+		error: null,
+		data: [],
+		total: 0,
+		current: 1,
+		pageSize: l?.defaultPageSize || 10
+	}), p = s(o, a, c), m = t(async () => {
+		f((e) => ({
+			...e,
+			loading: !0,
+			error: null
+		}));
+		try {
+			let e = {
+				current: d.current,
+				pageSize: d.pageSize
+			}, t = await p.getList(e);
+			f((e) => ({
+				...e,
+				data: t.data,
+				total: t.total,
+				loading: !1
+			}));
+		} catch (t) {
+			let n = t instanceof Error ? t.message : "Failed to fetch data";
+			f((e) => ({
+				...e,
+				loading: !1,
+				error: n
+			})), l?.onError?.("fetch", t), e.error(n);
+		}
+	}, [
+		d.current,
+		d.pageSize,
+		p,
+		l
+	]);
+	return n(() => {
+		m();
+	}, []), {
+		refresh: m,
+		create: t(async (t) => {
+			try {
+				f((e) => ({
+					...e,
+					loading: !0
+				}));
+				let n = await p.create(t);
+				return l?.optimisticUpdates ? f((e) => ({
+					...e,
+					data: [...e.data, n],
+					total: e.total + 1,
+					loading: !1
+				})) : await m(), l?.onSuccess?.("create", n), e.success("Created successfully"), u.current?.reload(), n;
+			} catch (t) {
+				f((e) => ({
+					...e,
+					loading: !1
+				}));
+				let n = t instanceof Error ? t.message : "Create failed";
+				return l?.onError?.("create", t), e.error(n), null;
+			}
+		}, [
+			p,
+			l,
+			m
+		]),
+		update: t(async (t, n) => {
+			try {
+				f((e) => ({
+					...e,
+					loading: !0
+				}));
+				let r = await p.update(t, n);
+				return l?.optimisticUpdates ? f((e) => ({
+					...e,
+					data: e.data.map((e) => e[a] === t ? {
+						...e,
+						...r
+					} : e),
+					loading: !1
+				})) : await m(), l?.onSuccess?.("update", r), e.success("Updated successfully"), u.current?.reload(), r;
+			} catch (t) {
+				f((e) => ({
+					...e,
+					loading: !1
+				}));
+				let n = t instanceof Error ? t.message : "Update failed";
+				return l?.onError?.("update", t), e.error(n), null;
+			}
+		}, [
+			p,
+			l,
+			a,
+			m
+		]),
+		delete: t(async (t) => {
+			try {
+				return f((e) => ({
+					...e,
+					loading: !0
+				})), await p.delete(t), l?.optimisticUpdates ? f((e) => ({
+					...e,
+					data: e.data.filter((e) => e[a] !== t),
+					total: e.total - 1,
+					loading: !1
+				})) : await m(), l?.onSuccess?.("delete", t), e.success("Deleted successfully"), u.current?.reload(), !0;
+			} catch (t) {
+				f((e) => ({
+					...e,
+					loading: !1
+				}));
+				let n = t instanceof Error ? t.message : "Delete failed";
+				return l?.onError?.("delete", t), e.error(n), !1;
+			}
+		}, [
+			p,
+			l,
+			a,
+			m
+		]),
+		setPageSize: t((e) => {
+			f((t) => ({
+				...t,
+				pageSize: e,
+				current: 1
+			}));
+		}, []),
+		setCurrentPage: t((e) => {
+			f((t) => ({
+				...t,
+				current: e
+			}));
+		}, []),
+		state: d,
+		actionRef: u
+	};
+};
+//#endregion
+export { c as default, c as useLocalStorageCrud };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "antd-crud-table",
   "private": false,
-  "version": "0.2.0",
+  "version": "0.4.0",
   "type": "module",
   "homepage": "https://github.com/maifeeulasad/antd-crud-table",
   "repository": {
@@ -56,6 +56,17 @@
       "types": "./dist/CrudTableLazy.d.ts",
       "import": "./dist/CrudTableLazy.js",
       "require": "./dist/CrudTableLazy.cjs"
+    },
+    "./hooks/useCrudTable": {
+      "types": "./dist/hooks/useCrudTable.d.ts",
+      "import": "./dist/useCrudTable.js",
+      "require": "./dist/useCrudTable.cjs"
+    },
+    "./hooks/useLocalStorageCrud": {
+      "types": "./dist/hooks/useLocalStorageCrud.d.ts"
+    },
+    "./utils/exportData": {
+      "types": "./dist/utils/exportData.d.ts"
     }
   },
   "files": [
@@ -66,6 +77,7 @@
     "build:static": "tsc -b && vite build",
     "build:lib": "tsc --p ./tsconfig.build.json && vite build --config vite.config.lib.ts",
     "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "preview": "vite preview"
   }
 }