@kingteza/crud-component 1.23.1 → 1.24.0

package/dist/crud/view/CrudViewer.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),jt=require("antd"),yt=require("@dnd-kit/core"),ht=require("@dnd-kit/modifiers"),qt=require("@dnd-kit/utilities"),d=require("@dnd-kit/sortable"),Ct=require("../../common/button/Button.cjs.js"),lt=require("../../common/button/RefreshButton.cjs.js"),It=require("../../common/button/ViewButtonTable.cjs.js"),St=require("../actions/index.cjs.js"),Rt=require("../../common/table/table.cjs.js"),s=require("react"),Mt=require("../../locale/index.cjs.js"),dt=require("../CrudSearchComponent.cjs.js"),Tt=require("./CrudDecListView.cjs.js"),et=require("./CrudViewerUtil.cjs.js"),Vt=require("@ant-design/icons"),nt=require("../../util/CrudUtil.cjs.js"),Bt=require("../../common/layout/VerticalSpace.cjs.js"),Dt=s.memo(Rt);function Nt({idField:o="id",loadingData:h,fields:m,isDeleting:T,isHiding:R,viewable:c=!1,paginateProps:x,onDelete:q,onHide:V,onUpdate:C,data:l=[],extraAction:B,onClickUpdate:D,minusHeight:k,scroll:O,onClickClone:v,className:z,expandable:$,size:A,bordered:_,descListColumn:st,extraView:E,decListLayout:rt,scrollToTop:Lt,onClickRefresh:G,closeViewOnClickUpdate:J,onExport:K,confirmHiding:Q,confirmDeleting:X,rowClassName:Y,actionWidth:Z=190,draggable:t,rowSelection:W,...ct}){const{t:p}=Mt.useTranslationLib(),P=s.useMemo(()=>m.map(({hideInTable:e,hidden:r,width:u,label:f,halign:I,...S})=>{const N=nt.getRealName(S.name);return{title:f,width:u,key:N,dataIndex:N,hidden:e||r,align:I??(S.type==="number"?"right":void 0),render:et.getRendererValueCrudViewer(S),sorter:S.sorter}}),[m]),[i,M]=s.useState(),[H,U]=s.useState(),[y,w]=s.useState([]),ut=s.useCallback(e=>{M(e)},[]);s.useEffect(()=>{l&&w(l)},[l]),s.useEffect(()=>{l&&M(e=>{if(e)return l.find(r=>r[o]===e[o])})},[l,o,i]);const a=s.useCallback(e=>{var f;const{active:r,over:u}=e;if(t!=null&&t.onDragEnd&&(t==null||t.onDragEnd(e)),r.id!==(u==null?void 0:u.id)){const I=y.findIndex(j=>j[o]===r.id),S=y.findIndex(j=>j[o]===(u==null?void 0:u.id)),N=d.arrayMove(y,I,S);w(j=>{const xt=j.findIndex(L=>L[o]===(r==null?void 0:r.id)),ft=j.findIndex(L=>L[o]===(u==null?void 0:u.id));return d.arrayMove(j,xt,ft)}),(f=t==null?void 0:t.onDrag)==null||f.call(t,{newOrder:N.map(j=>j[o])})}},[y,o,t]),it=s.useMemo(()=>{let e=typeof c=="string"?i==null?void 0:i[c]:void 0;if(typeof e=="object"){const r=m.find(u=>nt.getRealName(u.name)===c);e=et.getRendererValueCrudViewer(r)(e,i,0)}return e},[c,i,m]),F=s.useMemo(()=>({rowSelection:W,rowClassName:Y,className:z,scroll:O??(k?{y:`calc(100vh - ${k})`}:void 0),id:"crud-table",bordered:_,size:A,expandable:$}),[W,Y,z,O,k,_,A,$]),b=s.useMemo(()=>x?{...x,total:x.count,onChange:x.setPage,current:x.page,pageSize:x.pageSize}:void 0,[x]),g=s.useMemo(()=>{const e=C||D||q||B||c,r=[];return t&&r.push({key:"key",align:"center",width:5,title:t==null?void 0:t.columnLabel,render:()=>n.jsx(kt,{tooltip:t==null?void 0:t.tooltip})}),r.push(...P),e&&e&&r.push({title:p("str.action"),fixed:"right",width:Z,render:(u,f)=>n.jsxs(n.Fragment,{children:[c&&n.jsx(It,{value:f,onClick:typeof c=="object"?()=>{var I;return(I=c.onClick)==null?void 0:I.call(c,f)}:ut}),n.jsx(St,{data:f,idField:o,extraAction:B,onUpdate:C,onClickUpdate:D,onClickClone:v,onDelete:q,onHide:V,onExport:K,isHiding:R,isDeleting:T,confirmHiding:Q,confirmDeleting:X,closeViewOnClickUpdate:J,recentUpdateOrDeleteId:H,setRecentUpdateOrDeleteId:U,setOpenView:M})]})}),r},[P,C,D,q,B,c,p,Z]),tt=s.useMemo(()=>y.map(e=>e[o]),[y,o]),mt=s.useCallback(()=>{const e=n.jsx(Dt,{...F,dataSource:y,loading:h,components:t?{body:{row:Et}}:void 0,pagination:b,columns:g});return t?n.jsx(yt.DndContext,{modifiers:[ht.restrictToVerticalAxis],onDragEnd:a,children:n.jsx(d.SortableContext,{items:tt,strategy:d.verticalListSortingStrategy,children:e})}):e},[F,y,h,b,g,t,tt,a]);return n.jsxs("div",{children:[(typeof c=="boolean"||typeof c=="string")&&n.jsx(jt.Modal,{width:"100%",open:!!i,title:it??n.jsx("div",{children:" "}),footer:n.jsx(n.Fragment,{}),closable:!0,onCancel:()=>M(void 0),children:!!i&&n.jsxs("div",{children:[n.jsx(Tt.CrudDecListView,{layout:rt,descListColumn:st,data:i,fields:m,idField:o,extraAction:B,onUpdate:C,onClickUpdate:D,onClickClone:v,onDelete:q,onHide:V,onExport:K,isHiding:R,isDeleting:T,confirmHiding:Q,confirmDeleting:X,closeViewOnClickUpdate:J,recentUpdateOrDeleteId:H,setRecentUpdateOrDeleteId:U,setOpenView:M}),E==null?void 0:E(i)]},i==null?void 0:i[o])}),n.jsx(dt,{fields:m,...ct}),n.jsxs(Bt,{children:[!!G&&n.jsx(lt.RefreshButton,{onClick:G}),mt()]})]})}const ot=s.createContext({}),kt=({tooltip:o})=>{const{setActivatorNodeRef:h,listeners:m}=s.useContext(ot);return n.jsx(Ct,{type:"text",size:"small",tooltip:o,icon:n.jsx(Vt.HolderOutlined,{}),style:{cursor:"move",border:"none"},ref:h,...m})},Et=o=>{const{attributes:h,listeners:m,setNodeRef:T,setActivatorNodeRef:R,transform:c,transition:x,isDragging:q}=d.useSortable({id:o["data-row-key"]}),V={...o.style,transform:qt.CSS.Translate.toString(c),transition:x,...q?{position:"relative",zIndex:9999}:{}},C=s.useMemo(()=>({setActivatorNodeRef:R,listeners:m}),[R,m]);return n.jsx(ot.Provider,{value:C,children:n.jsx("tr",{...o,ref:T,style:V,...h})})};module.exports=Nt;
+"use strict";const n=require("react/jsx-runtime"),yt=require("antd"),ht=require("@dnd-kit/core"),qt=require("@dnd-kit/modifiers"),Ct=require("@dnd-kit/utilities"),d=require("@dnd-kit/sortable"),lt=require("../../common/button/Button.cjs.js"),It=require("../../common/button/RefreshButton.cjs.js"),St=require("../../common/button/ViewButtonTable.cjs.js"),Rt=require("../actions/index.cjs.js"),Mt=require("../../common/table/table.cjs.js"),s=require("react"),dt=require("../../locale/index.cjs.js"),Tt=require("../CrudSearchComponent.cjs.js"),Vt=require("./CrudDecListView.cjs.js"),nt=require("./CrudViewerUtil.cjs.js"),Bt=require("@ant-design/icons"),ot=require("../../util/CrudUtil.cjs.js"),Dt=require("../../common/layout/VerticalSpace.cjs.js"),Nt=s.memo(Mt);function kt({summary:h,idField:o="id",loadingData:q,fields:j,isDeleting:R,isHiding:T,viewable:c=!1,paginateProps:m,onDelete:C,onHide:V,onUpdate:B,data:l=[],extraAction:D,onClickUpdate:N,minusHeight:E,scroll:v,onClickClone:z,className:$,expandable:A,size:_,bordered:G,descListColumn:rt,extraView:L,decListLayout:ct,scrollToTop:Ot,onClickRefresh:J,closeViewOnClickUpdate:K,onExport:Q,confirmHiding:X,confirmDeleting:Y,rowClassName:Z,actionWidth:W=190,draggable:t,rowSelection:p,...ut}){const{t:P}=dt.useTranslationLib(),H=s.useMemo(()=>j.map(({hideInTable:e,hidden:r,width:u,label:x,halign:I,...S})=>{const k=ot.getRealName(S.name);return{title:x,width:u,key:k,dataIndex:k,hidden:e||r,align:I??(S.type==="number"?"right":void 0),render:nt.getRendererValueCrudViewer(S),sorter:S.sorter}}),[j]),[i,M]=s.useState(),[U,w]=s.useState(),[y,a]=s.useState([]),it=s.useCallback(e=>{M(e)},[]);s.useEffect(()=>{l&&a(l)},[l]),s.useEffect(()=>{l&&M(e=>{if(e)return l.find(r=>r[o]===e[o])})},[l,o,i]);const F=s.useCallback(e=>{var x;const{active:r,over:u}=e;if(t!=null&&t.onDragEnd&&(t==null||t.onDragEnd(e)),r.id!==(u==null?void 0:u.id)){const I=y.findIndex(f=>f[o]===r.id),S=y.findIndex(f=>f[o]===(u==null?void 0:u.id)),k=d.arrayMove(y,I,S);a(f=>{const ft=f.findIndex(O=>O[o]===(r==null?void 0:r.id)),jt=f.findIndex(O=>O[o]===(u==null?void 0:u.id));return d.arrayMove(f,ft,jt)}),(x=t==null?void 0:t.onDrag)==null||x.call(t,{newOrder:k.map(f=>f[o])})}},[y,o,t]),mt=s.useMemo(()=>{let e=typeof c=="string"?i==null?void 0:i[c]:void 0;if(typeof e=="object"){const r=j.find(u=>ot.getRealName(u.name)===c);e=nt.getRendererValueCrudViewer(r)(e,i,0)}return e},[c,i,j]),b=s.useMemo(()=>({rowSelection:p,rowClassName:Z,className:$,scroll:v??(E?{y:`calc(100vh - ${E})`}:void 0),id:"crud-table",bordered:G,size:_,expandable:A}),[p,Z,$,v,E,G,_,A]),g=s.useMemo(()=>m?{...m,total:m.count,onChange:m.setPage,current:m.page,pageSize:m.pageSize}:void 0,[m]),tt=s.useMemo(()=>{const e=B||N||C||D||c,r=[];return t&&r.push({key:"key",align:"center",width:5,title:t==null?void 0:t.columnLabel,render:()=>n.jsx(Et,{tooltip:t==null?void 0:t.tooltip})}),r.push(...H),e&&e&&r.push({title:P("str.action"),fixed:"right",width:W,render:(u,x)=>n.jsxs(n.Fragment,{children:[c&&n.jsx(St,{value:x,onClick:typeof c=="object"?()=>{var I;return(I=c.onClick)==null?void 0:I.call(c,x)}:it}),n.jsx(Rt,{data:x,idField:o,extraAction:D,onUpdate:B,onClickUpdate:N,onClickClone:z,onDelete:C,onHide:V,onExport:Q,isHiding:T,isDeleting:R,confirmHiding:X,confirmDeleting:Y,closeViewOnClickUpdate:K,recentUpdateOrDeleteId:U,setRecentUpdateOrDeleteId:w,setOpenView:M})]})}),r},[H,B,N,C,D,c,P,W]),et=s.useMemo(()=>y.map(e=>e[o]),[y,o]),xt=s.useCallback(()=>{const e=n.jsx(Nt,{...b,summary:h,dataSource:y,loading:q,components:t?{body:{row:Lt}}:void 0,pagination:g,columns:tt});return t?n.jsx(ht.DndContext,{modifiers:[qt.restrictToVerticalAxis],onDragEnd:F,children:n.jsx(d.SortableContext,{items:et,strategy:d.verticalListSortingStrategy,children:e})}):e},[b,y,q,g,tt,t,et,F]);return n.jsxs("div",{children:[(typeof c=="boolean"||typeof c=="string")&&n.jsx(yt.Modal,{width:"100%",open:!!i,title:mt??n.jsx("div",{children:" "}),footer:n.jsx(n.Fragment,{}),closable:!0,onCancel:()=>M(void 0),children:!!i&&n.jsxs("div",{children:[n.jsx(Vt.CrudDecListView,{layout:ct,descListColumn:rt,data:i,fields:j,idField:o,extraAction:D,onUpdate:B,onClickUpdate:N,onClickClone:z,onDelete:C,onHide:V,onExport:Q,isHiding:T,isDeleting:R,confirmHiding:X,confirmDeleting:Y,closeViewOnClickUpdate:K,recentUpdateOrDeleteId:U,setRecentUpdateOrDeleteId:w,setOpenView:M}),L==null?void 0:L(i)]},i==null?void 0:i[o])}),n.jsx(Tt,{fields:j,...ut}),n.jsxs(Dt,{children:[!!J&&n.jsx(It.RefreshButton,{onClick:J}),xt()]})]})}const st=s.createContext({}),Et=({tooltip:h})=>{const{setActivatorNodeRef:o,listeners:q}=s.useContext(st);return n.jsx(lt,{type:"text",size:"small",tooltip:h,icon:n.jsx(Bt.HolderOutlined,{}),style:{cursor:"move",border:"none"},ref:o,...q})},Lt=h=>{const{attributes:o,listeners:q,setNodeRef:j,setActivatorNodeRef:R,transform:T,transition:c,isDragging:m}=d.useSortable({id:h["data-row-key"]}),C={...h.style,transform:Ct.CSS.Translate.toString(T),transition:c,...m?{position:"relative",zIndex:9999}:{}},V=s.useMemo(()=>({setActivatorNodeRef:R,listeners:q}),[R,q]);return n.jsx(st.Provider,{value:V,children:n.jsx("tr",{...h,ref:j,style:C,...o})})};module.exports=kt;

package/dist/crud/view/CrudViewer.d.ts

@@ -20,6 +20,7 @@ export type CrudViewableProps<T> = boolean | keyof T | {
     onClick: (t: T) => void;
 };
 export type CrudViewerProps<T, FormType> = {
+    summary?: TableProps<T>["summary"];
     fields: CrudFieldProps<T>[];
     decListLayout?: "horizontal" | "vertical";
     viewable?: CrudViewableProps<T>;
@@ -41,5 +42,5 @@ export type CrudViewerProps<T, FormType> = {
     actionWidth?: string | number;
     draggable?: CrudDragableProps<T>;
 } & CrudActionsProps<T, FormType> & CrudSearchComponentProps<T, FormType>;
-declare function CrudViewer<T, FormType = T>({ idField, loadingData, fields, isDeleting, isHiding, viewable, paginateProps, onDelete, onHide, onUpdate, data, extraAction, onClickUpdate, minusHeight, scroll, onClickClone, className, expandable, size, bordered, descListColumn, extraView, decListLayout, scrollToTop, onClickRefresh, closeViewOnClickUpdate, onExport, confirmHiding, confirmDeleting, rowClassName, actionWidth, draggable, rowSelection, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+declare function CrudViewer<T, FormType = T>({ summary, idField, loadingData, fields, isDeleting, isHiding, viewable, paginateProps, onDelete, onHide, onUpdate, data, extraAction, onClickUpdate, minusHeight, scroll, onClickClone, className, expandable, size, bordered, descListColumn, extraView, decListLayout, scrollToTop, onClickRefresh, closeViewOnClickUpdate, onExport, confirmHiding, confirmDeleting, rowClassName, actionWidth, draggable, rowSelection, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
 export default CrudViewer;

package/dist/crud/view/CrudViewer.es.js

@@ -1,319 +1,321 @@
-import { jsx as e, jsxs as E, Fragment as rt } from "react/jsx-runtime";
-import { Modal as Tt } from "antd";
-import { DndContext as Rt } from "@dnd-kit/core";
-import { restrictToVerticalAxis as lt } from "@dnd-kit/modifiers";
-import { CSS as Bt } from "@dnd-kit/utilities";
-import { arrayMove as et, SortableContext as Dt, verticalListSortingStrategy as Nt, useSortable as Ot } from "@dnd-kit/sortable";
-import dt from "../../common/button/Button.es.js";
-import { RefreshButton as jt } from "../../common/button/RefreshButton.es.js";
-import Et from "../../common/button/ViewButtonTable.es.js";
-import Lt from "../actions/index.es.js";
-import Mt from "../../common/table/table.es.js";
-import ut, { useMemo as p, useState as k, useCallback as z, useEffect as ct, useContext as Vt } from "react";
-import { useTranslationLib as kt } from "../../locale/index.es.js";
-import zt from "../CrudSearchComponent.es.js";
-import { CrudDecListView as vt } from "./CrudDecListView.es.js";
-import { getRendererValueCrudViewer as st } from "./CrudViewerUtil.es.js";
-import { HolderOutlined as At } from "@ant-design/icons";
-import mt from "../../util/CrudUtil.es.js";
-import _t from "../../common/layout/VerticalSpace.es.js";
-const $t = ut.memo(Mt);
-function co({
+import { jsx as e, jsxs as L, Fragment as et } from "react/jsx-runtime";
+import { Modal as Rt } from "antd";
+import { DndContext as lt } from "@dnd-kit/core";
+import { restrictToVerticalAxis as Bt } from "@dnd-kit/modifiers";
+import { CSS as Dt } from "@dnd-kit/utilities";
+import { arrayMove as ct, SortableContext as Nt, verticalListSortingStrategy as Ot, useSortable as dt } from "@dnd-kit/sortable";
+import jt from "../../common/button/Button.es.js";
+import { RefreshButton as Et } from "../../common/button/RefreshButton.es.js";
+import Lt from "../../common/button/ViewButtonTable.es.js";
+import Mt from "../actions/index.es.js";
+import Vt from "../../common/table/table.es.js";
+import ft, { useMemo as x, useState as z, useCallback as v, useEffect as st, useContext as kt } from "react";
+import { useTranslationLib as zt } from "../../locale/index.es.js";
+import vt from "../CrudSearchComponent.es.js";
+import { CrudDecListView as At } from "./CrudDecListView.es.js";
+import { getRendererValueCrudViewer as mt } from "./CrudViewerUtil.es.js";
+import { HolderOutlined as _t } from "@ant-design/icons";
+import ut from "../../util/CrudUtil.es.js";
+import $t from "../../common/layout/VerticalSpace.es.js";
+const qt = ft.memo(Vt);
+function so({
+  summary: p,
   idField: n = "id",
   loadingData: C,
-  fields: u,
-  isDeleting: D,
-  isHiding: l,
+  fields: y,
+  isDeleting: l,
+  isHiding: D,
   viewable: c = !1,
-  paginateProps: f,
-  onDelete: x,
+  paginateProps: u,
+  onDelete: I,
   onHide: N,
-  onUpdate: I,
+  onUpdate: O,
   data: S = [],
-  extraAction: O,
-  onClickUpdate: d,
-  minusHeight: L,
-  scroll: v,
-  onClickClone: A,
-  className: _,
-  expandable: $,
-  size: q,
-  bordered: G,
-  descListColumn: it,
-  extraView: M,
-  decListLayout: yt,
-  scrollToTop: Jt,
-  onClickRefresh: J,
-  closeViewOnClickUpdate: K,
-  onExport: Q,
-  confirmHiding: X,
-  confirmDeleting: Y,
-  rowClassName: Z,
-  actionWidth: W = 190,
+  extraAction: d,
+  onClickUpdate: j,
+  minusHeight: M,
+  scroll: A,
+  onClickClone: _,
+  className: $,
+  expandable: q,
+  size: G,
+  bordered: J,
+  descListColumn: yt,
+  extraView: V,
+  decListLayout: ht,
+  scrollToTop: Kt,
+  onClickRefresh: K,
+  closeViewOnClickUpdate: Q,
+  onExport: X,
+  confirmHiding: Y,
+  confirmDeleting: Z,
+  rowClassName: W,
+  actionWidth: P = 190,
   draggable: t,
-  rowSelection: P,
-  ...ht
+  rowSelection: H,
+  ...pt
 }) {
-  const { t: H } = kt(), U = p(
-    () => u.map(({ hideInTable: o, hidden: r, width: s, label: i, halign: T, ...R }) => {
-      const j = mt.getRealName(R.name);
+  const { t: U } = zt(), w = x(
+    () => y.map(({ hideInTable: o, hidden: r, width: s, label: f, halign: T, ...R }) => {
+      const E = ut.getRealName(R.name);
       return {
-        title: i,
+        title: f,
         width: s,
-        key: j,
-        dataIndex: j,
+        key: E,
+        dataIndex: E,
         hidden: o || r,
         align: T ?? (R.type === "number" ? "right" : void 0),
-        render: st(R),
+        render: mt(R),
         sorter: R.sorter
       };
     }),
-    [u]
-  ), [m, B] = k(), [w, F] = k(), [h, a] = k([]), pt = z((o) => {
+    [y]
+  ), [m, B] = z(), [F, a] = z(), [h, b] = z([]), Ct = v((o) => {
     B(o);
   }, []);
-  ct(() => {
-    S && a(S);
-  }, [S]), ct(() => {
+  st(() => {
+    S && b(S);
+  }, [S]), st(() => {
     S && B((o) => {
       if (o)
         return S.find((r) => r[n] === o[n]);
     });
   }, [S, n, m]);
-  const b = z(
+  const g = v(
     (o) => {
-      var i;
+      var f;
       const { active: r, over: s } = o;
       if (t != null && t.onDragEnd && (t == null || t.onDragEnd(o)), r.id !== (s == null ? void 0 : s.id)) {
         const T = h.findIndex(
-          (y) => y[n] === r.id
+          (i) => i[n] === r.id
         ), R = h.findIndex(
-          (y) => y[n] === (s == null ? void 0 : s.id)
-        ), j = et(h, T, R);
-        a((y) => {
-          const It = y.findIndex(
-            (V) => V[n] === (r == null ? void 0 : r.id)
-          ), St = y.findIndex(
-            (V) => V[n] === (s == null ? void 0 : s.id)
+          (i) => i[n] === (s == null ? void 0 : s.id)
+        ), E = ct(h, T, R);
+        b((i) => {
+          const St = i.findIndex(
+            (k) => k[n] === (r == null ? void 0 : r.id)
+          ), Tt = i.findIndex(
+            (k) => k[n] === (s == null ? void 0 : s.id)
           );
-          return et(y, It, St);
-        }), (i = t == null ? void 0 : t.onDrag) == null || i.call(t, {
-          newOrder: j.map((y) => y[n])
+          return ct(i, St, Tt);
+        }), (f = t == null ? void 0 : t.onDrag) == null || f.call(t, {
+          newOrder: E.map((i) => i[n])
         });
       }
     },
     [h, n, t]
-  ), Ct = p(() => {
+  ), xt = x(() => {
     let o = typeof c == "string" ? m == null ? void 0 : m[c] : void 0;
     if (typeof o == "object") {
-      const r = u.find((s) => mt.getRealName(s.name) === c);
-      o = st(r)(
+      const r = y.find((s) => ut.getRealName(s.name) === c);
+      o = mt(r)(
         o,
         m,
         0
       );
     }
     return o;
-  }, [c, m, u]), g = p(
+  }, [c, m, y]), tt = x(
     () => ({
-      rowSelection: P,
-      rowClassName: Z,
-      className: _,
-      scroll: v ?? (L ? { y: `calc(100vh - ${L})` } : void 0),
+      rowSelection: H,
+      rowClassName: W,
+      className: $,
+      scroll: A ?? (M ? { y: `calc(100vh - ${M})` } : void 0),
       id: "crud-table",
-      bordered: G,
-      size: q,
-      expandable: $
+      bordered: J,
+      size: G,
+      expandable: q
     }),
     [
-      P,
-      Z,
-      _,
-      v,
-      L,
+      H,
+      W,
+      $,
+      A,
+      M,
+      J,
       G,
-      q,
-      $
+      q
     ]
-  ), tt = p(
-    () => f ? {
-      ...f,
-      total: f.count,
-      onChange: f.setPage,
-      current: f.page,
-      pageSize: f.pageSize
+  ), ot = x(
+    () => u ? {
+      ...u,
+      total: u.count,
+      onChange: u.setPage,
+      current: u.page,
+      pageSize: u.pageSize
     } : void 0,
-    [f]
-  ), ot = p(() => {
-    const o = I || d || x || O || c, r = [];
+    [u]
+  ), nt = x(() => {
+    const o = O || j || I || d || c, r = [];
     return t && r.push({
       key: "key",
       align: "center",
       width: 5,
       title: t == null ? void 0 : t.columnLabel,
-      render: () => /* @__PURE__ */ e(qt, { tooltip: t == null ? void 0 : t.tooltip })
-    }), r.push(...U), o && o && r.push({
-      title: H("str.action"),
+      render: () => /* @__PURE__ */ e(Gt, { tooltip: t == null ? void 0 : t.tooltip })
+    }), r.push(...w), o && o && r.push({
+      title: U("str.action"),
       fixed: "right",
-      width: W,
-      render: (s, i) => /* @__PURE__ */ E(rt, { children: [
+      width: P,
+      render: (s, f) => /* @__PURE__ */ L(et, { children: [
         c && /* @__PURE__ */ e(
-          Et,
+          Lt,
           {
-            value: i,
+            value: f,
             onClick: typeof c == "object" ? () => {
               var T;
-              return (T = c.onClick) == null ? void 0 : T.call(c, i);
-            } : pt
+              return (T = c.onClick) == null ? void 0 : T.call(c, f);
+            } : Ct
           }
         ),
         /* @__PURE__ */ e(
-          Lt,
+          Mt,
           {
-            data: i,
+            data: f,
             idField: n,
-            extraAction: O,
-            onUpdate: I,
-            onClickUpdate: d,
-            onClickClone: A,
-            onDelete: x,
+            extraAction: d,
+            onUpdate: O,
+            onClickUpdate: j,
+            onClickClone: _,
+            onDelete: I,
             onHide: N,
-            onExport: Q,
-            isHiding: l,
-            isDeleting: D,
-            confirmHiding: X,
-            confirmDeleting: Y,
-            closeViewOnClickUpdate: K,
-            recentUpdateOrDeleteId: w,
-            setRecentUpdateOrDeleteId: F,
+            onExport: X,
+            isHiding: D,
+            isDeleting: l,
+            confirmHiding: Y,
+            confirmDeleting: Z,
+            closeViewOnClickUpdate: Q,
+            recentUpdateOrDeleteId: F,
+            setRecentUpdateOrDeleteId: a,
             setOpenView: B
           }
         )
       ] })
     }), r;
   }, [
-    U,
+    w,
+    O,
+    j,
     I,
     d,
-    x,
-    O,
     c,
-    H,
-    W
-  ]), nt = p(
+    U,
+    P
+  ]), rt = x(
     () => h.map((o) => o[n]),
     [h, n]
-  ), xt = z(() => {
+  ), It = v(() => {
     const o = /* @__PURE__ */ e(
-      $t,
+      qt,
       {
-        ...g,
+        ...tt,
+        summary: p,
         dataSource: h,
         loading: C,
-        components: t ? { body: { row: Gt } } : void 0,
-        pagination: tt,
-        columns: ot
+        components: t ? { body: { row: Jt } } : void 0,
+        pagination: ot,
+        columns: nt
       }
     );
-    return t ? /* @__PURE__ */ e(Rt, { modifiers: [lt], onDragEnd: b, children: /* @__PURE__ */ e(
-      Dt,
+    return t ? /* @__PURE__ */ e(lt, { modifiers: [Bt], onDragEnd: g, children: /* @__PURE__ */ e(
+      Nt,
       {
-        items: nt,
-        strategy: Nt,
+        items: rt,
+        strategy: Ot,
         children: o
       }
     ) }) : o;
   }, [
-    g,
+    tt,
     h,
     C,
-    tt,
     ot,
-    t,
     nt,
-    b
+    t,
+    rt,
+    g
   ]);
-  return /* @__PURE__ */ E("div", { children: [
+  return /* @__PURE__ */ L("div", { children: [
     (typeof c == "boolean" || typeof c == "string") && /* @__PURE__ */ e(
-      Tt,
+      Rt,
       {
         width: "100%",
         open: !!m,
-        title: Ct ?? /* @__PURE__ */ e("div", { children: " " }),
-        footer: /* @__PURE__ */ e(rt, {}),
+        title: xt ?? /* @__PURE__ */ e("div", { children: " " }),
+        footer: /* @__PURE__ */ e(et, {}),
         closable: !0,
         onCancel: () => B(void 0),
-        children: !!m && /* @__PURE__ */ E("div", { children: [
+        children: !!m && /* @__PURE__ */ L("div", { children: [
           /* @__PURE__ */ e(
-            vt,
+            At,
             {
-              layout: yt,
-              descListColumn: it,
+              layout: ht,
+              descListColumn: yt,
               data: m,
-              fields: u,
+              fields: y,
               idField: n,
-              extraAction: O,
-              onUpdate: I,
-              onClickUpdate: d,
-              onClickClone: A,
-              onDelete: x,
+              extraAction: d,
+              onUpdate: O,
+              onClickUpdate: j,
+              onClickClone: _,
+              onDelete: I,
               onHide: N,
-              onExport: Q,
-              isHiding: l,
-              isDeleting: D,
-              confirmHiding: X,
-              confirmDeleting: Y,
-              closeViewOnClickUpdate: K,
-              recentUpdateOrDeleteId: w,
-              setRecentUpdateOrDeleteId: F,
+              onExport: X,
+              isHiding: D,
+              isDeleting: l,
+              confirmHiding: Y,
+              confirmDeleting: Z,
+              closeViewOnClickUpdate: Q,
+              recentUpdateOrDeleteId: F,
+              setRecentUpdateOrDeleteId: a,
               setOpenView: B
             }
           ),
-          M == null ? void 0 : M(m)
+          V == null ? void 0 : V(m)
         ] }, m == null ? void 0 : m[n])
       }
     ),
-    /* @__PURE__ */ e(zt, { fields: u, ...ht }),
-    /* @__PURE__ */ E(_t, { children: [
-      !!J && /* @__PURE__ */ e(jt, { onClick: J }),
-      xt()
+    /* @__PURE__ */ e(vt, { fields: y, ...pt }),
+    /* @__PURE__ */ L($t, { children: [
+      !!K && /* @__PURE__ */ e(Et, { onClick: K }),
+      It()
     ] })
   ] });
 }
-const ft = ut.createContext({}), qt = ({ tooltip: n }) => {
-  const { setActivatorNodeRef: C, listeners: u } = Vt(ft);
+const it = ft.createContext({}), Gt = ({ tooltip: p }) => {
+  const { setActivatorNodeRef: n, listeners: C } = kt(it);
   return /* @__PURE__ */ e(
-    dt,
+    jt,
     {
       type: "text",
       size: "small",
-      tooltip: n,
-      icon: /* @__PURE__ */ e(At, {}),
+      tooltip: p,
+      icon: /* @__PURE__ */ e(_t, {}),
       style: { cursor: "move", border: "none" },
-      ref: C,
-      ...u
+      ref: n,
+      ...C
     }
   );
-}, Gt = (n) => {
+}, Jt = (p) => {
   const {
-    attributes: C,
-    listeners: u,
-    setNodeRef: D,
+    attributes: n,
+    listeners: C,
+    setNodeRef: y,
     setActivatorNodeRef: l,
-    transform: c,
-    transition: f,
-    isDragging: x
-  } = Ot({ id: n["data-row-key"] }), N = {
-    ...n.style,
-    transform: Bt.Translate.toString(c),
-    transition: f,
-    ...x ? { position: "relative", zIndex: 9999 } : {}
-  }, I = p(
-    () => ({ setActivatorNodeRef: l, listeners: u }),
-    [l, u]
+    transform: D,
+    transition: c,
+    isDragging: u
+  } = dt({ id: p["data-row-key"] }), I = {
+    ...p.style,
+    transform: Dt.Translate.toString(D),
+    transition: c,
+    ...u ? { position: "relative", zIndex: 9999 } : {}
+  }, N = x(
+    () => ({ setActivatorNodeRef: l, listeners: C }),
+    [l, C]
   );
-  return /* @__PURE__ */ e(ft.Provider, { value: I, children: /* @__PURE__ */ e("tr", { ...n, ref: D, style: N, ...C }) });
+  return /* @__PURE__ */ e(it.Provider, { value: N, children: /* @__PURE__ */ e("tr", { ...p, ref: y, style: I, ...n }) });
 };
 export {
-  co as default
+  so as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.23.1",
+  "version": "1.24.0",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",