@kingteza/crud-component 1.5.0 → 1.6.1

package/dist/common/text-field/NumberField.cjs.js

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("antd"),m=require("react"),L=require("../../locale/index.cjs.js"),M=require("../tooltip/TooltipComponent.cjs.js"),P=require("./TextField.cjs.js"),k=m.forwardRef(function({type:y,required:o,label:t,rules:c=[],placeholder:r,onEnter:x,form:f,nextFocus:q,min:d,moneyField:n,addonAfter:j,minLength:l,defaultValue:T,pattern:$,disabled:g,readOnly:h,onChange:I,value:N,max:R,addonBefore:w,size:B,isInt:p=!1,tooltip:E,help:z,...F},b){const{t:u}=L.useTranslationLib(),C=m.useMemo(()=>[...c,{required:o,message:`${t??r??""} ${u("err.validation.required")}`}],[c,t,r,u,o]);return i.jsx(M,{title:E,children:i.jsx(a.Form.Item,{...F,label:t,rules:C,children:i.jsx(a.InputNumber,{ref:b,disabled:g,defaultValue:T,value:N,readOnly:h,addonBefore:w,minLength:l,addonAfter:j,step:p?1:void 0,pattern:p?"d*":$,onChange:I,onPressEnter:e=>P.onEnterInternalTextField(e,q,f,x),className:"max-width",min:d===null?void 0:d??0,max:R,type:n?void 0:"number",size:B,formatter:n?e=>{if(e.includes(".")){const s=`${e}`.split(".");return s[0]=s[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),s.join(".")}else return`${e}`.replace(/\B(?=(\d{3})+(?!\d))/g,",")}:void 0,parser:n?e=>e==null?void 0:e.replace(/\$\s?|(,*)/g,""):void 0,placeholder:r??t})})})});module.exports=k;
+"use strict";const i=require("react/jsx-runtime"),m=require("antd"),x=require("react"),M=require("../../locale/index.cjs.js"),P=require("../tooltip/TooltipComponent.cjs.js"),b=require("./TextField.cjs.js"),k=x.forwardRef(function({type:y,required:o,label:t,rules:c=[],placeholder:r,onEnter:a,form:f,nextFocus:q,min:d,moneyField:n,addonAfter:j,minLength:T,defaultValue:$,pattern:g,disabled:I,readOnly:N,onChange:R,value:h,max:w,addonBefore:B,size:E,isInt:u=!1,tooltip:F,help:z,...l},C){const{t:p}=M.useTranslationLib(),L=x.useMemo(()=>[...c,{required:o,message:`${t||r||""} ${p("err.validation.required")}`}],[c,t,r,p,o]);return i.jsx(P,{title:F,children:i.jsx(m.Form.Item,{...l,label:t,rules:L,children:i.jsx(m.InputNumber,{ref:C,disabled:I,defaultValue:$,value:h,readOnly:N,addonBefore:B,minLength:T,addonAfter:j,step:u?1:void 0,pattern:u?"d*":g,onChange:R,onPressEnter:e=>b.onEnterInternalTextField(e,q,f,a),className:"max-width",min:d===null?void 0:d??0,max:w,type:n?void 0:"number",size:E,formatter:n?e=>{if(e.includes(".")){const s=`${e}`.split(".");return s[0]=s[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),s.join(".")}else return`${e}`.replace(/\B(?=(\d{3})+(?!\d))/g,",")}:void 0,parser:n?e=>e==null?void 0:e.replace(/\$\s?|(,*)/g,""):void 0,placeholder:r??t})})})});module.exports=k;

package/dist/common/text-field/NumberField.es.js

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Form as L, InputNumber as M } from "antd";
-import { forwardRef as P, useMemo as R } from "react";
+import { Form as M, InputNumber as P } from "antd";
+import { forwardRef as R, useMemo as b } from "react";
 import { useTranslationLib as k } from "../../locale/index.es.js";
 import q from "../tooltip/TooltipComponent.es.js";
 import { onEnterInternalTextField as v } from "./TextField.es.js";
-const Q = P(
+const Q = R(
   function({
     // eslint-disable-next-line no-unused-vars
     type: z,
@@ -17,54 +17,54 @@ const Q = P(
     nextFocus: u,
     min: p,
     moneyField: e,
-    addonAfter: l,
-    minLength: x,
-    defaultValue: $,
-    pattern: g,
-    disabled: T,
-    readOnly: h,
-    onChange: I,
-    value: N,
-    max: j,
-    addonBefore: w,
-    size: B,
+    addonAfter: x,
+    minLength: $,
+    defaultValue: g,
+    pattern: T,
+    disabled: I,
+    readOnly: N,
+    onChange: h,
+    value: j,
+    max: w,
+    addonBefore: B,
+    size: E,
     isInt: d = !1,
-    tooltip: E,
+    tooltip: l,
     help: A,
-    ...b
-  }, C) {
-    const { t: f } = k(), F = R(
+    ...C
+  }, F) {
+    const { t: f } = k(), L = b(
       () => [
         ...m,
         {
           required: s,
-          message: `${t ?? o ?? ""} ${f(
+          message: `${t || o || ""} ${f(
             "err.validation.required"
           )}`
         }
       ],
       [m, t, o, f, s]
     );
-    return /* @__PURE__ */ i(q, { title: E, children: /* @__PURE__ */ i(L.Item, { ...b, label: t, rules: F, children: /* @__PURE__ */ i(
-      M,
+    return /* @__PURE__ */ i(q, { title: l, children: /* @__PURE__ */ i(M.Item, { ...C, label: t, rules: L, children: /* @__PURE__ */ i(
+      P,
       {
-        ref: C,
-        disabled: T,
-        defaultValue: $,
-        value: N,
-        readOnly: h,
-        addonBefore: w,
-        minLength: x,
-        addonAfter: l,
+        ref: F,
+        disabled: I,
+        defaultValue: g,
+        value: j,
+        readOnly: N,
+        addonBefore: B,
+        minLength: $,
+        addonAfter: x,
         step: d ? 1 : void 0,
-        pattern: d ? "d*" : g,
-        onChange: I,
+        pattern: d ? "d*" : T,
+        onChange: h,
         onPressEnter: (r) => v(r, u, a, c),
         className: "max-width",
         min: p === null ? void 0 : p ?? 0,
-        max: j,
+        max: w,
         type: e ? void 0 : "number",
-        size: B,
+        size: E,
         formatter: e ? (r) => {
           if (r.includes(".")) {
             const n = `${r}`.split(".");

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

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

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

@@ -7,6 +7,7 @@ import { default as React } from 'react';
 import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
 import { CrudSearchComponentProps } from '../CrudSearchComponent';
 import { DescListColumn } from './CrudDecListView';
+type TableRowSelection<T> = TableProps<T>['rowSelection'];
 export type CrudDragableProps<T> = {
     onDragEnd?: (event: DragEndEvent) => void;
     onDrag?: (params: {
@@ -32,6 +33,7 @@ export type CrudViewerProps<T, FormType> = {
     size?: SizeType;
     onClickRefresh?: () => void;
     expandable?: ExpandableConfig<T>;
+    rowSelection?: TableRowSelection<T>;
     descListColumn?: DescListColumn;
     extraView?: (t: T) => React.ReactElement;
     scrollToTop?: boolean;
@@ -39,5 +41,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, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+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;
 export default CrudViewer;

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

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

package/package.json

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