@jitera/jitera-web-ui-library 1.59.2 → 1.59.3

package/dist/index.esm.js

@@ -142,7 +142,7 @@ import{jsx as aT,jsxs as aU}from"react/jsx-runtime";import a,{useMemo as aV,useS
   display: flex;
   justify-content: ${a=>a.paginationPosition};
   ${a=>a.customStyle}
-`,aN={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},cR=({header:a,isColumnResizeable:b,isColumnSortable:k,isDataSortable:d,ascendingIconProps:i,descendingIconProps:j,headerColumnStyle:e})=>{var f,g;let{attributes:l,listeners:m,transform:c,isDragging:n,setNodeRef:o}=bO({id:a.id}),p={transform:b_.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},h=aV(()=>{var b;return k&&!(null===(b=a.column.columnDef.meta)|| void 0===b?void 0:b.action)},[null===(f=a.column.columnDef.meta)|| void 0===f?void 0:f.action,k]),q=h?m:void 0,r=h?l:void 0;return aU(cO,{ref:o,className:`j-table__thead-th j-table__thead-th--${a.id} ${n?"j-table__thead-th--dragging":""}`,colSpan:a.colSpan,canSort:d?a.column.getCanSort():void 0,customStyle:{...e,...p,width:b?a.getSize():null==e?void 0:e.width},onClick:d?a.column.getToggleSortingHandler():void 0,onMouseDown:b?a.getResizeHandler():void 0,onTouchStart:b?a.getResizeHandler():void 0,...q,...r,children:[bJ(a.column.columnDef.header,a.getContext()),h?aT(J,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(g=({asc:i?aT(J,{...i}):" \u{1F53C}",desc:j?aT(J,{...j}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==g?g:null:void 0,b?aT(cI,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},cS=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=bO({id:a.id}),k={transform:b_.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aU(cN,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aT(cP,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aT(J,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aT(cP,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,customStyle:{...e,width:l?a.column.getSize():null==e?void 0:e.width},children:bJ(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aO=({className:j,data:k=[],columns:l=[],actions:m=[],wrapperStyle:n,tableStyle:e,headerStyle:o,headerRowStyle:J,headerColumnStyle:K,bodyStyle:p,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N,footerStyle:q,footerRowStyle:O,footerColumnStyle:P,paginationWrapperStyle:r,isColumnResizeable:g,isHeaderVisible:s,isFooterVisible:t,isColumnSortable:Q,onColumnSortingChange:R,isRowSortable:S,onRowSortingChange:T,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,onDataSortingChange:u,isPaginationEnabled:a,paginationPosition:v,pageSize:b,totalPage:d,paginationProps:w,paginationStyle:x,onPaginationChange:y},z)=>{let A=aV(()=>k,[k]),[i,B]=aW([]),[f,C]=aW({pageIndex:0,pageSize:b||20}),D=aV(()=>l.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:a.sortable})),[l]),E=aV(()=>m.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:!1})),[m]),F=aV(()=>[...D,...E],[D,E]),c=bH({data:A,columns:F,columnResizeMode:g?"onChange":void 0,pageCount:a?d:void 0,state:{sorting:h?i:void 0,pagination:a?f:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:bI(),onPaginationChange:a?C:void 0,onSortingChange:h?B:void 0}),G=bP(bQ(bR),bQ(bS),bQ(bT),bQ(bU,{coordinateGetter:bK}));a_(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),a_(()=>{let a=null==i?void 0:i[0];u&&a&&u(a.id,a.desc?"desc":"asc")},[u,i]),a_(()=>{y&&y(String(f.pageIndex+1),String(f.pageSize))},[y,f]);let H=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},W=({active:d,over:c})=>{var a,b;let e=null===(a=d.data.current)|| void 0===a?void 0:a.sortable.index,f=null===(b=null==c?void 0:c.data.current)|| void 0===b?void 0:b.sortable.index;return{currentIndex:e,newIndex:f}},I=a=>{let{currentIndex:b,newIndex:c}=W(a);T&&T(b,c,a)},X=a=>{let{currentIndex:b,newIndex:c}=W(a);R&&R(b,c,a)};return aU(cH,{ref:z,customStyle:n,className:j,children:[aU(cJ,{className:"j-table",customStyle:{...e,width:g?c.getCenterTotalSize():null==e?void 0:e.width},children:[s?aT(cK,{className:"j-table__thead",customStyle:o,children:c.getHeaderGroups().map(a=>aU(cN,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:J,children:[S?aT(cO,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:K}):void 0,aT(bV,{sensors:G,collisionDetection:bW,modifiers:[bX,bY,bZ],onDragEnd:X,children:aT(bL,{items:a.headers,strategy:bM,children:a.headers.map(a=>aT(cR,{header:a,isColumnResizeable:g,isColumnSortable:Q,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,headerColumnStyle:K},a.id))})})]},a.id))}):void 0,aT(cL,{className:"j-table__tbody",customStyle:p,children:aT(bV,{sensors:G,collisionDetection:bW,modifiers:[bX,b$,bZ],onDragEnd:I,children:aT(bL,{items:c.getRowModel().rows,strategy:bN,children:c.getRowModel().rows.map(a=>aT(cS,{row:a,isRowSortable:S,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N},a.id))})})}),t?aT(cM,{className:"j-table__tfoot",customStyle:q,children:c.getFooterGroups().map(a=>aU(cN,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:O,children:[S?aT(cO,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:P}):void 0,a.headers.map(a=>aT(cO,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:P,children:bJ(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aT(cQ,{paginationPosition:v||"left",customStyle:r,children:aT(bd,{...w,style:x,current:f.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:H})}):void 0]})},aP=a.forwardRef(aO),cT=b(n)`
+`,aN={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},cR=({header:a,isColumnResizeable:b,isColumnSortable:k,isDataSortable:d,ascendingIconProps:i,descendingIconProps:j,headerColumnStyle:e})=>{var f,g;let{attributes:l,listeners:m,transform:c,isDragging:n,setNodeRef:o}=bO({id:a.id}),p={transform:b_.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},h=aV(()=>{var b;return k&&!(null===(b=a.column.columnDef.meta)|| void 0===b?void 0:b.action)},[null===(f=a.column.columnDef.meta)|| void 0===f?void 0:f.action,k]),q=h?m:void 0,r=h?l:void 0;return aU(cO,{ref:o,className:`j-table__thead-th j-table__thead-th--${a.id} ${n?"j-table__thead-th--dragging":""}`,colSpan:a.colSpan,canSort:d?a.column.getCanSort():void 0,customStyle:{...e,...p,width:b?a.getSize():null==e?void 0:e.width},onClick:d?a.column.getToggleSortingHandler():void 0,onMouseDown:b?a.getResizeHandler():void 0,onTouchStart:b?a.getResizeHandler():void 0,...q,...r,children:[bJ(a.column.columnDef.header,a.getContext()),h?aT(J,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(g=({asc:i?aT(J,{...i}):" \u{1F53C}",desc:j?aT(J,{...j}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==g?g:null:void 0,b?aT(cI,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},cS=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=bO({id:a.id}),k={transform:b_.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aU(cN,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aT(cP,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aT(J,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aT(cP,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,customStyle:{...e,width:l?a.column.getSize():null==e?void 0:e.width},children:bJ(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aO=({className:j,data:k=[],columns:l=[],actions:m=[],wrapperStyle:n,tableStyle:e,headerStyle:o,headerRowStyle:J,headerColumnStyle:K,bodyStyle:p,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N,footerStyle:q,footerRowStyle:O,footerColumnStyle:P,paginationWrapperStyle:r,isColumnResizeable:g,isHeaderVisible:s,isFooterVisible:t,isColumnSortable:Q,onColumnSortingChange:R,isRowSortable:S,onRowSortingChange:T,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,onDataSortingChange:u,isPaginationEnabled:a,paginationPosition:v,pageSize:b,totalPage:d,paginationProps:w,paginationStyle:x,onPaginationChange:y},z)=>{let A=aV(()=>k,[k]),[i,B]=aW([]),[f,C]=aW({pageIndex:0,pageSize:b||20}),D=aV(()=>l.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:a.sortable})),[l]),E=aV(()=>m.map((a,b)=>({id:String(b),meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:!1})),[m]),F=aV(()=>[...D,...E],[D,E]),c=bH({data:A,columns:F,columnResizeMode:g?"onChange":void 0,pageCount:a?d:void 0,state:{sorting:h?i:void 0,pagination:a?f:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:bI(),onPaginationChange:a?C:void 0,onSortingChange:h?B:void 0}),G=bP(bQ(bR),bQ(bS),bQ(bT),bQ(bU,{coordinateGetter:bK}));a_(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),a_(()=>{let a=null==i?void 0:i[0];u&&a&&u(a.id,a.desc?"desc":"asc")},[u,i]),a_(()=>{y&&y(String(f.pageIndex+1),String(f.pageSize))},[y,f]);let H=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},W=({active:d,over:c})=>{var a,b;let e=null===(a=d.data.current)|| void 0===a?void 0:a.sortable.index,f=null===(b=null==c?void 0:c.data.current)|| void 0===b?void 0:b.sortable.index;return{currentIndex:e,newIndex:f}},I=a=>{let{currentIndex:b,newIndex:c}=W(a);T&&T(b,c,a)},X=a=>{let{currentIndex:b,newIndex:c}=W(a);R&&R(b,c,a)};return aU(cH,{ref:z,customStyle:n,className:j,children:[aU(cJ,{className:"j-table",customStyle:{...e,width:g?c.getCenterTotalSize():null==e?void 0:e.width},children:[s?aT(cK,{className:"j-table__thead",customStyle:o,children:c.getHeaderGroups().map(a=>aU(cN,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:J,children:[S?aT(cO,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:K}):void 0,aT(bV,{sensors:G,collisionDetection:bW,modifiers:[bX,bY,bZ],onDragEnd:X,children:aT(bL,{items:a.headers,strategy:bM,children:a.headers.map(a=>aT(cR,{header:a,isColumnResizeable:g,isColumnSortable:Q,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,headerColumnStyle:K},a.id))})})]},a.id))}):void 0,aT(cL,{className:"j-table__tbody",customStyle:p,children:aT(bV,{sensors:G,collisionDetection:bW,modifiers:[bX,b$,bZ],onDragEnd:I,children:aT(bL,{items:c.getRowModel().rows,strategy:bN,children:c.getRowModel().rows.map(a=>aT(cS,{row:a,isRowSortable:S,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N},a.id))})})}),t?aT(cM,{className:"j-table__tfoot",customStyle:q,children:c.getFooterGroups().map(a=>aU(cN,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:O,children:[S?aT(cO,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:P}):void 0,a.headers.map(a=>aT(cO,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:P,children:bJ(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aT(cQ,{paginationPosition:v||"left",customStyle:r,children:aT(bd,{...w,style:x,current:f.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:H})}):void 0]})},aP=a.forwardRef(aO),cT=b(n)`
   && {
     .jitera-drawer-content-wrapper {
       box-shadow: inherit;

package/dist/index.js

@@ -142,7 +142,7 @@
   display: flex;
   justify-content: ${a=>a.paginationPosition};
   ${a=>a.customStyle}
-`,aO={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},b6=({header:a,isColumnResizeable:b,isColumnSortable:l,isDataSortable:d,ascendingIconProps:j,descendingIconProps:k,headerColumnStyle:e})=>{var f,h;let{attributes:m,listeners:n,transform:c,isDragging:o,setNodeRef:p}=a1.useSortable({id:a.id}),q={transform:a4.CSS.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},i=g.useMemo(()=>{var b;return l&&!(null===(b=a.column.columnDef.meta)|| void 0===b?void 0:b.action)},[null===(f=a.column.columnDef.meta)|| void 0===f?void 0:f.action,l]),r=i?n:void 0,s=i?m:void 0;return aU.jsxs(b3,{ref:p,className:`j-table__thead-th j-table__thead-th--${a.id} ${o?"j-table__thead-th--dragging":""}`,colSpan:a.colSpan,canSort:d?a.column.getCanSort():void 0,customStyle:{...e,...q,width:b?a.getSize():null==e?void 0:e.width},onClick:d?a.column.getToggleSortingHandler():void 0,onMouseDown:b?a.getResizeHandler():void 0,onTouchStart:b?a.getResizeHandler():void 0,...r,...s,children:[a0.flexRender(a.column.columnDef.header,a.getContext()),i?aU.jsx(M,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(h=({asc:j?aU.jsx(M,{...j}):" \u{1F53C}",desc:k?aU.jsx(M,{...k}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==h?h:null:void 0,b?aU.jsx(bZ,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},b7=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=a1.useSortable({id:a.id}),k={transform:a4.CSS.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aU.jsxs(b2,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aU.jsx(b4,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aU.jsx(M,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aU.jsx(b4,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,customStyle:{...e,width:l?a.column.getSize():null==e?void 0:e.width},children:a0.flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aP=({className:l,data:m=[],columns:n=[],actions:o=[],wrapperStyle:p,tableStyle:f,headerStyle:q,headerRowStyle:L,headerColumnStyle:M,bodyStyle:r,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P,footerStyle:s,footerRowStyle:Q,footerColumnStyle:R,paginationWrapperStyle:t,isColumnResizeable:i,isHeaderVisible:u,isFooterVisible:v,isColumnSortable:S,onColumnSortingChange:T,isRowSortable:U,onRowSortingChange:V,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,onDataSortingChange:w,isPaginationEnabled:a,paginationPosition:x,pageSize:b,totalPage:e,paginationProps:y,paginationStyle:z,onPaginationChange:A},B)=>{let C=g.useMemo(()=>m,[m]),[k,D]=g.useState([]),[h,E]=g.useState({pageIndex:0,pageSize:b||20}),F=g.useMemo(()=>n.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:a.sortable})),[n]),G=g.useMemo(()=>o.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:!1})),[o]),H=g.useMemo(()=>[...F,...G],[F,G]),c=a0.useReactTable({data:C,columns:H,columnResizeMode:i?"onChange":void 0,pageCount:a?e:void 0,state:{sorting:j?k:void 0,pagination:a?h:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:a0.getCoreRowModel(),onPaginationChange:a?E:void 0,onSortingChange:j?D:void 0}),I=a2.useSensors(a2.useSensor(a2.PointerSensor),a2.useSensor(a2.MouseSensor),a2.useSensor(a2.TouchSensor),a2.useSensor(a2.KeyboardSensor,{coordinateGetter:a1.sortableKeyboardCoordinates}));g.useEffect(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(e)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,e]),g.useEffect(()=>{let a=null==k?void 0:k[0];w&&a&&w(a.id,a.desc?"desc":"asc")},[w,k]),g.useEffect(()=>{A&&A(String(h.pageIndex+1),String(h.pageSize))},[A,h]);let J=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},Y=({active:d,over:c})=>{var a,b;let e=null===(a=d.data.current)|| void 0===a?void 0:a.sortable.index,f=null===(b=null==c?void 0:c.data.current)|| void 0===b?void 0:b.sortable.index;return{currentIndex:e,newIndex:f}},K=a=>{let{currentIndex:b,newIndex:c}=Y(a);V&&V(b,c,a)},Z=a=>{let{currentIndex:b,newIndex:c}=Y(a);T&&T(b,c,a)};return aU.jsxs(bY,{ref:B,customStyle:p,className:l,children:[aU.jsxs(b$,{className:"j-table",customStyle:{...f,width:i?c.getCenterTotalSize():null==f?void 0:f.width},children:[u?aU.jsx(b_,{className:"j-table__thead",customStyle:q,children:c.getHeaderGroups().map(a=>aU.jsxs(b2,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:L,children:[U?aU.jsx(b3,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:M}):void 0,aU.jsx(a2.DndContext,{sensors:I,collisionDetection:a2.closestCenter,modifiers:[a3.restrictToFirstScrollableAncestor,a3.restrictToHorizontalAxis,a3.restrictToParentElement],onDragEnd:Z,children:aU.jsx(a1.SortableContext,{items:a.headers,strategy:a1.horizontalListSortingStrategy,children:a.headers.map(a=>aU.jsx(b6,{header:a,isColumnResizeable:i,isColumnSortable:S,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,headerColumnStyle:M},a.id))})})]},a.id))}):void 0,aU.jsx(b0,{className:"j-table__tbody",customStyle:r,children:aU.jsx(a2.DndContext,{sensors:I,collisionDetection:a2.closestCenter,modifiers:[a3.restrictToFirstScrollableAncestor,a3.restrictToVerticalAxis,a3.restrictToParentElement],onDragEnd:K,children:aU.jsx(a1.SortableContext,{items:c.getRowModel().rows,strategy:a1.verticalListSortingStrategy,children:c.getRowModel().rows.map(a=>aU.jsx(b7,{row:a,isRowSortable:U,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P},a.id))})})}),v?aU.jsx(b1,{className:"j-table__tfoot",customStyle:s,children:c.getFooterGroups().map(a=>aU.jsxs(b2,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:Q,children:[U?aU.jsx(b3,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:R}):void 0,a.headers.map(a=>aU.jsx(b3,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:R,children:a0.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aU.jsx(b5,{paginationPosition:x||"left",customStyle:t,children:aU.jsx(d.Pagination,{...y,style:z,current:h.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(e)?b*e:void 0,onChange:J})}):void 0]})},aQ=a.default.forwardRef(aP),b8=b.default(d.Drawer)`
+`,aO={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},b6=({header:a,isColumnResizeable:b,isColumnSortable:l,isDataSortable:d,ascendingIconProps:j,descendingIconProps:k,headerColumnStyle:e})=>{var f,h;let{attributes:m,listeners:n,transform:c,isDragging:o,setNodeRef:p}=a1.useSortable({id:a.id}),q={transform:a4.CSS.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},i=g.useMemo(()=>{var b;return l&&!(null===(b=a.column.columnDef.meta)|| void 0===b?void 0:b.action)},[null===(f=a.column.columnDef.meta)|| void 0===f?void 0:f.action,l]),r=i?n:void 0,s=i?m:void 0;return aU.jsxs(b3,{ref:p,className:`j-table__thead-th j-table__thead-th--${a.id} ${o?"j-table__thead-th--dragging":""}`,colSpan:a.colSpan,canSort:d?a.column.getCanSort():void 0,customStyle:{...e,...q,width:b?a.getSize():null==e?void 0:e.width},onClick:d?a.column.getToggleSortingHandler():void 0,onMouseDown:b?a.getResizeHandler():void 0,onTouchStart:b?a.getResizeHandler():void 0,...r,...s,children:[a0.flexRender(a.column.columnDef.header,a.getContext()),i?aU.jsx(M,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(h=({asc:j?aU.jsx(M,{...j}):" \u{1F53C}",desc:k?aU.jsx(M,{...k}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==h?h:null:void 0,b?aU.jsx(bZ,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},b7=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=a1.useSortable({id:a.id}),k={transform:a4.CSS.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aU.jsxs(b2,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aU.jsx(b4,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aU.jsx(M,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aU.jsx(b4,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,customStyle:{...e,width:l?a.column.getSize():null==e?void 0:e.width},children:a0.flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aP=({className:l,data:m=[],columns:n=[],actions:o=[],wrapperStyle:p,tableStyle:f,headerStyle:q,headerRowStyle:L,headerColumnStyle:M,bodyStyle:r,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P,footerStyle:s,footerRowStyle:Q,footerColumnStyle:R,paginationWrapperStyle:t,isColumnResizeable:i,isHeaderVisible:u,isFooterVisible:v,isColumnSortable:S,onColumnSortingChange:T,isRowSortable:U,onRowSortingChange:V,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,onDataSortingChange:w,isPaginationEnabled:a,paginationPosition:x,pageSize:b,totalPage:e,paginationProps:y,paginationStyle:z,onPaginationChange:A},B)=>{let C=g.useMemo(()=>m,[m]),[k,D]=g.useState([]),[h,E]=g.useState({pageIndex:0,pageSize:b||20}),F=g.useMemo(()=>n.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:a.sortable})),[n]),G=g.useMemo(()=>o.map((a,b)=>({id:String(b),meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue()||"",enableSorting:!1})),[o]),H=g.useMemo(()=>[...F,...G],[F,G]),c=a0.useReactTable({data:C,columns:H,columnResizeMode:i?"onChange":void 0,pageCount:a?e:void 0,state:{sorting:j?k:void 0,pagination:a?h:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:a0.getCoreRowModel(),onPaginationChange:a?E:void 0,onSortingChange:j?D:void 0}),I=a2.useSensors(a2.useSensor(a2.PointerSensor),a2.useSensor(a2.MouseSensor),a2.useSensor(a2.TouchSensor),a2.useSensor(a2.KeyboardSensor,{coordinateGetter:a1.sortableKeyboardCoordinates}));g.useEffect(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(e)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,e]),g.useEffect(()=>{let a=null==k?void 0:k[0];w&&a&&w(a.id,a.desc?"desc":"asc")},[w,k]),g.useEffect(()=>{A&&A(String(h.pageIndex+1),String(h.pageSize))},[A,h]);let J=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},Y=({active:d,over:c})=>{var a,b;let e=null===(a=d.data.current)|| void 0===a?void 0:a.sortable.index,f=null===(b=null==c?void 0:c.data.current)|| void 0===b?void 0:b.sortable.index;return{currentIndex:e,newIndex:f}},K=a=>{let{currentIndex:b,newIndex:c}=Y(a);V&&V(b,c,a)},Z=a=>{let{currentIndex:b,newIndex:c}=Y(a);T&&T(b,c,a)};return aU.jsxs(bY,{ref:B,customStyle:p,className:l,children:[aU.jsxs(b$,{className:"j-table",customStyle:{...f,width:i?c.getCenterTotalSize():null==f?void 0:f.width},children:[u?aU.jsx(b_,{className:"j-table__thead",customStyle:q,children:c.getHeaderGroups().map(a=>aU.jsxs(b2,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:L,children:[U?aU.jsx(b3,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:M}):void 0,aU.jsx(a2.DndContext,{sensors:I,collisionDetection:a2.closestCenter,modifiers:[a3.restrictToFirstScrollableAncestor,a3.restrictToHorizontalAxis,a3.restrictToParentElement],onDragEnd:Z,children:aU.jsx(a1.SortableContext,{items:a.headers,strategy:a1.horizontalListSortingStrategy,children:a.headers.map(a=>aU.jsx(b6,{header:a,isColumnResizeable:i,isColumnSortable:S,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,headerColumnStyle:M},a.id))})})]},a.id))}):void 0,aU.jsx(b0,{className:"j-table__tbody",customStyle:r,children:aU.jsx(a2.DndContext,{sensors:I,collisionDetection:a2.closestCenter,modifiers:[a3.restrictToFirstScrollableAncestor,a3.restrictToVerticalAxis,a3.restrictToParentElement],onDragEnd:K,children:aU.jsx(a1.SortableContext,{items:c.getRowModel().rows,strategy:a1.verticalListSortingStrategy,children:c.getRowModel().rows.map(a=>aU.jsx(b7,{row:a,isRowSortable:U,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P},a.id))})})}),v?aU.jsx(b1,{className:"j-table__tfoot",customStyle:s,children:c.getFooterGroups().map(a=>aU.jsxs(b2,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:Q,children:[U?aU.jsx(b3,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:R}):void 0,a.headers.map(a=>aU.jsx(b3,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:R,children:a0.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aU.jsx(b5,{paginationPosition:x||"left",customStyle:t,children:aU.jsx(d.Pagination,{...y,style:z,current:h.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(e)?b*e:void 0,onChange:J})}):void 0]})},aQ=a.default.forwardRef(aP),b8=b.default(d.Drawer)`
   && {
     .jitera-drawer-content-wrapper {
       box-shadow: inherit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jitera/jitera-web-ui-library",
-  "version": "1.59.2",
+  "version": "1.59.3",
   "description": "atoms and component for web project",
   "sideEffects": [
     "*.css"