@jitera/jitera-web-ui-library 1.58.0 → 1.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -69,7 +69,7 @@ import{jsx as aw,jsxs as ax}from"react/jsx-runtime";import a,{useMemo as ay,useS
69
69
  ${a=>a.labelStyle}
70
70
  }
71
71
  }
72
- `,ae=a.forwardRef((b,c)=>{let{data:a,wrap:d="wrap",spaceProps:e,isPreview:f,responsiveVisibility:g,containerStyle:h={},activeColor:i,inactiveColor:j,checkColor:k,labelStyle:l,direction:m,className:n,...o}=b,p=ay(()=>({...e,wrap:bY(d)}),[d,e]),q=ay(()=>bK(h)?{style:h}:{className:bL(h)},[h]),{classNames:r}=bH({className:n,responsiveVisibility:g});return aw(b0,{activeColor:i,inactiveColor:j,checkColor:k,labelStyle:l,...q,className:r,children:aw(aO.Group,{disabled:f,...o,ref:c,children:aw(aN,{direction:m,...p,children:null==a?void 0:a.map(a=>aw(aO,{...a,children:a.label}))})})})}),af=a.forwardRef((b,c)=>{let{children:d,isPreview:e,responsiveVisibility:f,errorMessage:a,className:g,...h}=b,{classNames:i}=bH({className:g,responsiveVisibility:f});return ax("div",{className:i,ref:c,children:[aw(aP,{disabled:e,listType:"picture",...h,children:d}),!!a&&aw(R,{type:"danger",children:a})]})}),b1=m(l);!function(a){a.TIME="time",a.DATE="date",a.WEEK="week",a.MONTH="month"}(d||(d={}));let ag=a.forwardRef((b,c)=>{let{isPreview:d,defaultValue:e,responsiveVisibility:f,picker:g="date",errorMessage:a,className:h,...i}=b,{classNames:j}=bH({className:h,responsiveVisibility:f}),k=ay(()=>"string"!=typeof e&&e?e:a4(e),[e]);return ax("div",{className:j,ref:c,children:[aw(b1,{disabled:d,picker:g,defaultValue:k,...i}),!!a&&aw(R,{type:"danger",style:{display:"block"},children:a})]})}),b2="mca48d82cd_Wrapper";var b3={Wrapper:"mca48d82cd_Wrapper"};!function(a){a.TOP="top",a.RIGHT="right",a.BOTTOM="bottom",a.LEFT="left"}(e||(e={}));let ah=a.forwardRef((a,b)=>{let{isPreview:c,responsiveVisibility:d,buttonProps:e,buttonStyle:f,drawerTitle:g,drawerProps:h,headerStyle:i,bodyStyle:j,iconProps:k,children:l,className:m}=a,[n,w]=az(!1),{headerVisible:o,closable:p,...q}=h||{},r=()=>{w(!0)},s=()=>{w(!1)},t=c?{destroyOnClose:!0,getContainer:".preview-page",style:{position:"absolute"},afterVisibleChange(b){let a=document.querySelector(".jitera-drawer-content");a&&(a.style.backgroundColor=b?"#fff":"transparent")}}:{},u=o?{title:g,closable:p}:{title:void 0,closable:!1},{classNames:v}=bH({className:m,responsiveVisibility:d});return ax("div",{className:aG(b3.Wrapper,v),ref:b,children:[aw(H,{onClick:r,style:f,...e,children:aw(G,{iconName:"MdMenu",...k})}),aw(aQ,{...t,...u,visible:n,onClose:s,headerStyle:i,bodyStyle:j,...q,children:l})]})}),ai=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bH({className:e,responsiveVisibility:d});return aw("div",{...f,className:g,ref:b,children:c})}),b4={MOBILE:480,TABLET:768,DESKTOP:4e3},aj=a.forwardRef((b,c)=>{let{style:d,children:e,responsiveVisibility:f,dataSource:g,renderItem:h,setting:i,arrows:j=!1,slidesToShow:k=4,variableWidth:a=!1,infinite:l=!1,adaptiveHeight:m=!0,focusOnSelect:n=!1,xlResponsive:o,mdResponsive:p,xsResponsive:q,className:r}=b,{classNames:s}=bH({className:r,responsiveVisibility:f}),t=ay(()=>{let b=[];return"object"==typeof o&&(null==o?void 0:o.slidesToShow)&&b.push({breakpoint:b4.DESKTOP,settings:o}),"object"==typeof p&&(null==p?void 0:p.slidesToShow)&&b.push({breakpoint:b4.TABLET,settings:p}),"object"==typeof q&&(null==q?void 0:q.slidesToShow)&&b.push({breakpoint:b4.MOBILE,settings:q}),{dots:!1,arrows:j,infinite:l,slidesToShow:k,swipeToSlide:!0,variableWidth:a,adaptiveHeight:m,focusOnSelect:n,responsive:b,...i}},[i,j,l,k,a,m,n,o,p,q]),u=ay(()=>e&&a?e:e?aA.map(e,a=>aw("div",{children:a})):(null==g?void 0:g.length)&&h?g.map((b,c)=>a?h(b,c):aw("div",{children:h(b,c)},`${b.id}_${c}`)):void 0,[e,a,g,h]);return aw("div",{style:d,className:s,ref:c,children:aw(a5,{...t,children:u})})}),b5=b(h)`
72
+ `,ae=a.forwardRef((b,c)=>{let{data:a,wrap:d="wrap",spaceProps:e,isPreview:f,responsiveVisibility:g,containerStyle:h={},activeColor:i,inactiveColor:j,checkColor:k,labelStyle:l,direction:m,className:n,...o}=b,p=ay(()=>({...e,wrap:bY(d)}),[d,e]),q=ay(()=>bK(h)?{style:h}:{className:bL(h)},[h]),{classNames:r}=bH({className:n,responsiveVisibility:g});return aw(b0,{activeColor:i,inactiveColor:j,checkColor:k,labelStyle:l,...q,className:r,children:aw(aO.Group,{disabled:f,...o,ref:c,children:aw(aN,{direction:m,...p,children:null==a?void 0:a.map(a=>aw(aO,{...a,children:a.label}))})})})}),af=a.forwardRef((b,c)=>{let{children:d,isPreview:e,responsiveVisibility:f,errorMessage:a,className:g,...h}=b,{classNames:i}=bH({className:g,responsiveVisibility:f});return ax("div",{className:i,ref:c,children:[aw(aP,{disabled:e,listType:"picture",...h,children:d}),!!a&&aw(R,{type:"danger",children:a})]})}),b1=m(l);!function(a){a.TIME="time",a.DATE="date",a.WEEK="week",a.MONTH="month"}(d||(d={}));let ag=a.forwardRef((b,c)=>{let{isPreview:d,defaultValue:e,responsiveVisibility:f,picker:g="date",errorMessage:a,className:h,...i}=b,{classNames:j}=bH({className:h,responsiveVisibility:f}),k=ay(()=>"string"!=typeof e&&e?e:a4(e),[e]);return ax("div",{className:j,ref:c,children:[aw(b1,{disabled:d,picker:g,defaultValue:k,prefixCls:"jitera-picker",...i}),!!a&&aw(R,{type:"danger",style:{display:"block"},children:a})]})}),b2="mca48d82cd_Wrapper";var b3={Wrapper:"mca48d82cd_Wrapper"};!function(a){a.TOP="top",a.RIGHT="right",a.BOTTOM="bottom",a.LEFT="left"}(e||(e={}));let ah=a.forwardRef((a,b)=>{let{isPreview:c,responsiveVisibility:d,buttonProps:e,buttonStyle:f,drawerTitle:g,drawerProps:h,headerStyle:i,bodyStyle:j,iconProps:k,children:l,className:m}=a,[n,w]=az(!1),{headerVisible:o,closable:p,...q}=h||{},r=()=>{w(!0)},s=()=>{w(!1)},t=c?{destroyOnClose:!0,getContainer:".preview-page",style:{position:"absolute"},afterVisibleChange(b){let a=document.querySelector(".jitera-drawer-content");a&&(a.style.backgroundColor=b?"#fff":"transparent")}}:{},u=o?{title:g,closable:p}:{title:void 0,closable:!1},{classNames:v}=bH({className:m,responsiveVisibility:d});return ax("div",{className:aG(b3.Wrapper,v),ref:b,children:[aw(H,{onClick:r,style:f,...e,children:aw(G,{iconName:"MdMenu",...k})}),aw(aQ,{...t,...u,visible:n,onClose:s,headerStyle:i,bodyStyle:j,...q,children:l})]})}),ai=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bH({className:e,responsiveVisibility:d});return aw("div",{...f,className:g,ref:b,children:c})}),b4={MOBILE:480,TABLET:768,DESKTOP:4e3},aj=a.forwardRef((b,c)=>{let{style:d,children:e,responsiveVisibility:f,dataSource:g,renderItem:h,setting:i,arrows:j=!1,slidesToShow:k=4,variableWidth:a=!1,infinite:l=!1,adaptiveHeight:m=!0,focusOnSelect:n=!1,xlResponsive:o,mdResponsive:p,xsResponsive:q,className:r}=b,{classNames:s}=bH({className:r,responsiveVisibility:f}),t=ay(()=>{let b=[];return"object"==typeof o&&(null==o?void 0:o.slidesToShow)&&b.push({breakpoint:b4.DESKTOP,settings:o}),"object"==typeof p&&(null==p?void 0:p.slidesToShow)&&b.push({breakpoint:b4.TABLET,settings:p}),"object"==typeof q&&(null==q?void 0:q.slidesToShow)&&b.push({breakpoint:b4.MOBILE,settings:q}),{dots:!1,arrows:j,infinite:l,slidesToShow:k,swipeToSlide:!0,variableWidth:a,adaptiveHeight:m,focusOnSelect:n,responsive:b,...i}},[i,j,l,k,a,m,n,o,p,q]),u=ay(()=>e&&a?e:e?aA.map(e,a=>aw("div",{children:a})):(null==g?void 0:g.length)&&h?g.map((b,c)=>a?h(b,c):aw("div",{children:h(b,c)},`${b.id}_${c}`)):void 0,[e,a,g,h]);return aw("div",{style:d,className:s,ref:c,children:aw(a5,{...t,children:u})})}),b5=b(h)`
73
73
  .jitera-tabs-ink-bar {
74
74
  ${a=>(null==a?void 0:a.activeColor)?`background-color: ${a.activeColor}`:""}
75
75
  }
@@ -142,7 +142,7 @@ import{jsx as aw,jsxs as ax}from"react/jsx-runtime";import a,{useMemo as ay,useS
142
142
  display: flex;
143
143
  justify-content: ${a=>a.paginationPosition};
144
144
  ${a=>a.customStyle}
145
- `,as={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},cw=({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}=bs({id:a.id}),p={transform:bF.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},h=ay(()=>{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 ax(ct,{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:[bn(a.column.columnDef.header,a.getContext()),h?aw(G,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(g=({asc:i?aw(G,{...i}):" \u{1F53C}",desc:j?aw(G,{...j}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==g?g:null:void 0,b?aw(cn,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},cx=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=bs({id:a.id}),k={transform:bF.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return ax(cs,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aw(cu,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aw(G,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aw(cu,{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:bn(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},at=({className:j,data:k=[],columns:l=[],actions:m=[],wrapperStyle:n,tableStyle:e,headerStyle:o,headerRowStyle:H,headerColumnStyle:I,bodyStyle:p,bodyRowStyle:J,bodyColumnStyle:K,sortColumnStyle:L,footerStyle:q,footerRowStyle:M,footerColumnStyle:N,paginationWrapperStyle:r,isColumnResizeable:g,isHeaderVisible:s,isFooterVisible:t,isColumnSortable:O,onColumnSortingChange:P,isRowSortable:Q,onRowSortingChange:R,isDataSortable:h,ascendingIconProps:S,descendingIconProps:T,onDataSortingChange:u,isPaginationEnabled:a,paginationPosition:v,pageSize:b,totalPage:d,paginationProps:w,paginationStyle:x,onPaginationChange:y},z)=>{let[i,A]=az([]),[f,B]=az({pageIndex:0,pageSize:b||20}),C=ay(()=>l.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue(),enableSorting:a.sortable})),[l]),D=ay(()=>m.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn,enableSorting:!1})),[m]),c=bl({data:k,columns:[...C,...D],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:bm(),onPaginationChange:a?B:void 0,onSortingChange:h?A:void 0}),E=bt(bu(bv),bu(bw),bu(bx),bu(by,{coordinateGetter:bo}));aE(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),aE(()=>{let a=null==i?void 0:i[0];u&&a&&u(a.id,a.desc?"desc":"asc")},[u,i]),aE(()=>{y&&y(String(f.pageIndex+1),String(f.pageSize))},[y,f]);let F=(a,b)=>{c.setPageIndex(a-1),c.setPageSize(b)},U=({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}},G=a=>{let{currentIndex:b,newIndex:c}=U(a);R&&R(b,c,a)},V=a=>{let{currentIndex:b,newIndex:c}=U(a);P&&P(b,c,a)};return ax(cm,{ref:z,customStyle:n,className:j,children:[ax(co,{className:"j-table",customStyle:{...e,width:g?c.getCenterTotalSize():null==e?void 0:e.width},children:[s?aw(cp,{className:"j-table__thead",customStyle:o,children:c.getHeaderGroups().map(a=>ax(cs,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:H,children:[Q?aw(ct,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:I}):void 0,aw(bz,{sensors:E,collisionDetection:bA,modifiers:[bB,bC,bD],onDragEnd:V,children:aw(bp,{items:a.headers,strategy:bq,children:a.headers.map(a=>aw(cw,{header:a,isColumnResizeable:g,isColumnSortable:O,isDataSortable:h,ascendingIconProps:S,descendingIconProps:T,headerColumnStyle:I},a.id))})})]},a.id))}):void 0,aw(cq,{className:"j-table__tbody",customStyle:p,children:aw(bz,{sensors:E,collisionDetection:bA,modifiers:[bB,bE,bD],onDragEnd:G,children:aw(bp,{items:c.getRowModel().rows,strategy:br,children:c.getRowModel().rows.map(a=>aw(cx,{row:a,isRowSortable:Q,bodyRowStyle:J,bodyColumnStyle:K,sortColumnStyle:L},a.id))})})}),t?aw(cr,{className:"j-table__tfoot",customStyle:q,children:c.getFooterGroups().map(a=>ax(cs,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:M,children:[Q?aw(ct,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:N}):void 0,a.headers.map(a=>aw(ct,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:N,children:bn(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aw(cv,{paginationPosition:v||"left",customStyle:r,children:aw(aT,{...w,style:x,current:f.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:F})}):void 0]})},au=a.forwardRef(at),cy=b.div`
145
+ `,as={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},cw=({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}=bs({id:a.id}),p={transform:bF.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},h=ay(()=>{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 ax(ct,{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:[bn(a.column.columnDef.header,a.getContext()),h?aw(G,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(g=({asc:i?aw(G,{...i}):" \u{1F53C}",desc:j?aw(G,{...j}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==g?g:null:void 0,b?aw(cn,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},cx=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=bs({id:a.id}),k={transform:bF.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return ax(cs,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aw(cu,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aw(G,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aw(cu,{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:bn(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},at=({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=ay(()=>k,[k]),[i,B]=az([]),[f,C]=az({pageIndex:0,pageSize:b||20}),D=ay(()=>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=ay(()=>m.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn,enableSorting:!1})),[m]),F=ay(()=>[...D,...E],[D,E]),c=bl({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:bm(),onPaginationChange:a?C:void 0,onSortingChange:h?B:void 0}),G=bt(bu(bv),bu(bw),bu(bx),bu(by,{coordinateGetter:bo}));aE(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),aE(()=>{let a=null==i?void 0:i[0];u&&a&&u(a.id,a.desc?"desc":"asc")},[u,i]),aE(()=>{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 ax(cm,{ref:z,customStyle:n,className:j,children:[ax(co,{className:"j-table",customStyle:{...e,width:g?c.getCenterTotalSize():null==e?void 0:e.width},children:[s?aw(cp,{className:"j-table__thead",customStyle:o,children:c.getHeaderGroups().map(a=>ax(cs,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:J,children:[S?aw(ct,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:K}):void 0,aw(bz,{sensors:G,collisionDetection:bA,modifiers:[bB,bC,bD],onDragEnd:X,children:aw(bp,{items:a.headers,strategy:bq,children:a.headers.map(a=>aw(cw,{header:a,isColumnResizeable:g,isColumnSortable:Q,isDataSortable:h,ascendingIconProps:U,descendingIconProps:V,headerColumnStyle:K},a.id))})})]},a.id))}):void 0,aw(cq,{className:"j-table__tbody",customStyle:p,children:aw(bz,{sensors:G,collisionDetection:bA,modifiers:[bB,bE,bD],onDragEnd:I,children:aw(bp,{items:c.getRowModel().rows,strategy:br,children:c.getRowModel().rows.map(a=>aw(cx,{row:a,isRowSortable:S,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N},a.id))})})}),t?aw(cr,{className:"j-table__tfoot",customStyle:q,children:c.getFooterGroups().map(a=>ax(cs,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:O,children:[S?aw(ct,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:P}):void 0,a.headers.map(a=>aw(ct,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:P,children:bn(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aw(cv,{paginationPosition:v||"left",customStyle:r,children:aw(aT,{...w,style:x,current:f.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:H})}):void 0]})},au=a.forwardRef(at),cy=b.div`
146
146
  .otp-cell {
147
147
  margin-right: 16px;
148
148
 
package/dist/index.js CHANGED
@@ -69,7 +69,7 @@
69
69
  ${a=>a.labelStyle}
70
70
  }
71
71
  }
72
- `,ai=a.default.forwardRef((b,c)=>{let{data:a,wrap:d="wrap",spaceProps:f,isPreview:h,responsiveVisibility:i,containerStyle:j={},activeColor:k,inactiveColor:l,checkColor:m,labelStyle:n,direction:o,className:p,...q}=b,r=g.useMemo(()=>({...f,wrap:bf(d)}),[d,f]),s=g.useMemo(()=>a1(j)?{style:j}:{className:a2(j)},[j]),{classNames:t}=a$({className:p,responsiveVisibility:i});return aA.jsx(bj,{activeColor:k,inactiveColor:l,checkColor:m,labelStyle:n,...s,className:t,children:aA.jsx(e.Checkbox.Group,{disabled:h,...q,ref:c,children:aA.jsx(e.Space,{direction:o,...r,children:null==a?void 0:a.map(a=>aA.jsx(e.Checkbox,{...a,children:a.label}))})})})}),aj=a.default.forwardRef((b,c)=>{let{children:d,isPreview:f,responsiveVisibility:g,errorMessage:a,className:h,...i}=b,{classNames:j}=a$({className:h,responsiveVisibility:g});return aA.jsxs("div",{className:j,ref:c,children:[aA.jsx(e.Upload,{disabled:f,listType:"picture",...i,children:d}),!!a&&aA.jsx(X,{type:"danger",children:a})]})}),bk=H.default(G.default);exports.PickerEnum=void 0,function(a){a.TIME="time",a.DATE="date",a.WEEK="week",a.MONTH="month"}(exports.PickerEnum||(exports.PickerEnum={}));const ak=a.default.forwardRef((b,c)=>{let{isPreview:d,defaultValue:e,responsiveVisibility:f,picker:h="date",errorMessage:a,className:i,...j}=b,{classNames:k}=a$({className:i,responsiveVisibility:f}),l=g.useMemo(()=>"string"!=typeof e&&e?e:aX.default(e),[e]);return aA.jsxs("div",{className:k,ref:c,children:[aA.jsx(bk,{disabled:d,picker:h,defaultValue:l,...j}),!!a&&aA.jsx(X,{type:"danger",style:{display:"block"},children:a})]})}),bl="mca48d82cd_Wrapper";var bm={Wrapper:"mca48d82cd_Wrapper"};exports.HamburgerDrawerPlacementEnum=void 0,function(a){a.TOP="top",a.RIGHT="right",a.BOTTOM="bottom",a.LEFT="left"}(exports.HamburgerDrawerPlacementEnum||(exports.HamburgerDrawerPlacementEnum={}));const al=a.default.forwardRef((a,b)=>{let{isPreview:c,responsiveVisibility:d,buttonProps:f,buttonStyle:h,drawerTitle:i,drawerProps:j,headerStyle:k,bodyStyle:l,iconProps:m,children:n,className:o}=a,[p,y]=g.useState(!1),{headerVisible:q,closable:r,...s}=j||{},t=()=>{y(!0)},u=()=>{y(!1)},v=c?{destroyOnClose:!0,getContainer:".preview-page",style:{position:"absolute"},afterVisibleChange(b){let a=document.querySelector(".jitera-drawer-content");a&&(a.style.backgroundColor=b?"#fff":"transparent")}}:{},w=q?{title:i,closable:r}:{title:void 0,closable:!1},{classNames:x}=a$({className:o,responsiveVisibility:d});return aA.jsxs("div",{className:aN.default(bm.Wrapper,x),ref:b,children:[aA.jsx(N,{onClick:t,style:h,...f,children:aA.jsx(M,{iconName:"MdMenu",...m})}),aA.jsx(e.Drawer,{...v,...w,visible:p,onClose:u,headerStyle:k,bodyStyle:l,...s,children:n})]})}),am=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=a$({className:e,responsiveVisibility:d});return aA.jsx("div",{...f,className:g,ref:b,children:c})}),bn={MOBILE:480,TABLET:768,DESKTOP:4e3},an=a.default.forwardRef((b,c)=>{let{style:d,children:e,responsiveVisibility:f,dataSource:h,renderItem:i,setting:j,arrows:k=!1,slidesToShow:l=4,variableWidth:a=!1,infinite:m=!1,adaptiveHeight:n=!0,focusOnSelect:o=!1,xlResponsive:p,mdResponsive:q,xsResponsive:r,className:s}=b,{classNames:t}=a$({className:s,responsiveVisibility:f}),u=g.useMemo(()=>{let b=[];return"object"==typeof p&&(null==p?void 0:p.slidesToShow)&&b.push({breakpoint:bn.DESKTOP,settings:p}),"object"==typeof q&&(null==q?void 0:q.slidesToShow)&&b.push({breakpoint:bn.TABLET,settings:q}),"object"==typeof r&&(null==r?void 0:r.slidesToShow)&&b.push({breakpoint:bn.MOBILE,settings:r}),{dots:!1,arrows:k,infinite:m,slidesToShow:l,swipeToSlide:!0,variableWidth:a,adaptiveHeight:n,focusOnSelect:o,responsive:b,...j}},[j,k,m,l,a,n,o,p,q,r]),v=g.useMemo(()=>e&&a?e:e?g.Children.map(e,a=>aA.jsx("div",{children:a})):(null==h?void 0:h.length)&&i?h.map((b,c)=>a?i(b,c):aA.jsx("div",{children:i(b,c)},`${b.id}_${c}`)):void 0,[e,a,h,i]);return aA.jsx("div",{style:d,className:t,ref:c,children:aA.jsx(aY.default,{...u,children:v})})}),bo=b.default(e.Tabs)`
72
+ `,ai=a.default.forwardRef((b,c)=>{let{data:a,wrap:d="wrap",spaceProps:f,isPreview:h,responsiveVisibility:i,containerStyle:j={},activeColor:k,inactiveColor:l,checkColor:m,labelStyle:n,direction:o,className:p,...q}=b,r=g.useMemo(()=>({...f,wrap:bf(d)}),[d,f]),s=g.useMemo(()=>a1(j)?{style:j}:{className:a2(j)},[j]),{classNames:t}=a$({className:p,responsiveVisibility:i});return aA.jsx(bj,{activeColor:k,inactiveColor:l,checkColor:m,labelStyle:n,...s,className:t,children:aA.jsx(e.Checkbox.Group,{disabled:h,...q,ref:c,children:aA.jsx(e.Space,{direction:o,...r,children:null==a?void 0:a.map(a=>aA.jsx(e.Checkbox,{...a,children:a.label}))})})})}),aj=a.default.forwardRef((b,c)=>{let{children:d,isPreview:f,responsiveVisibility:g,errorMessage:a,className:h,...i}=b,{classNames:j}=a$({className:h,responsiveVisibility:g});return aA.jsxs("div",{className:j,ref:c,children:[aA.jsx(e.Upload,{disabled:f,listType:"picture",...i,children:d}),!!a&&aA.jsx(X,{type:"danger",children:a})]})}),bk=H.default(G.default);exports.PickerEnum=void 0,function(a){a.TIME="time",a.DATE="date",a.WEEK="week",a.MONTH="month"}(exports.PickerEnum||(exports.PickerEnum={}));const ak=a.default.forwardRef((b,c)=>{let{isPreview:d,defaultValue:e,responsiveVisibility:f,picker:h="date",errorMessage:a,className:i,...j}=b,{classNames:k}=a$({className:i,responsiveVisibility:f}),l=g.useMemo(()=>"string"!=typeof e&&e?e:aX.default(e),[e]);return aA.jsxs("div",{className:k,ref:c,children:[aA.jsx(bk,{disabled:d,picker:h,defaultValue:l,prefixCls:"jitera-picker",...j}),!!a&&aA.jsx(X,{type:"danger",style:{display:"block"},children:a})]})}),bl="mca48d82cd_Wrapper";var bm={Wrapper:"mca48d82cd_Wrapper"};exports.HamburgerDrawerPlacementEnum=void 0,function(a){a.TOP="top",a.RIGHT="right",a.BOTTOM="bottom",a.LEFT="left"}(exports.HamburgerDrawerPlacementEnum||(exports.HamburgerDrawerPlacementEnum={}));const al=a.default.forwardRef((a,b)=>{let{isPreview:c,responsiveVisibility:d,buttonProps:f,buttonStyle:h,drawerTitle:i,drawerProps:j,headerStyle:k,bodyStyle:l,iconProps:m,children:n,className:o}=a,[p,y]=g.useState(!1),{headerVisible:q,closable:r,...s}=j||{},t=()=>{y(!0)},u=()=>{y(!1)},v=c?{destroyOnClose:!0,getContainer:".preview-page",style:{position:"absolute"},afterVisibleChange(b){let a=document.querySelector(".jitera-drawer-content");a&&(a.style.backgroundColor=b?"#fff":"transparent")}}:{},w=q?{title:i,closable:r}:{title:void 0,closable:!1},{classNames:x}=a$({className:o,responsiveVisibility:d});return aA.jsxs("div",{className:aN.default(bm.Wrapper,x),ref:b,children:[aA.jsx(N,{onClick:t,style:h,...f,children:aA.jsx(M,{iconName:"MdMenu",...m})}),aA.jsx(e.Drawer,{...v,...w,visible:p,onClose:u,headerStyle:k,bodyStyle:l,...s,children:n})]})}),am=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=a$({className:e,responsiveVisibility:d});return aA.jsx("div",{...f,className:g,ref:b,children:c})}),bn={MOBILE:480,TABLET:768,DESKTOP:4e3},an=a.default.forwardRef((b,c)=>{let{style:d,children:e,responsiveVisibility:f,dataSource:h,renderItem:i,setting:j,arrows:k=!1,slidesToShow:l=4,variableWidth:a=!1,infinite:m=!1,adaptiveHeight:n=!0,focusOnSelect:o=!1,xlResponsive:p,mdResponsive:q,xsResponsive:r,className:s}=b,{classNames:t}=a$({className:s,responsiveVisibility:f}),u=g.useMemo(()=>{let b=[];return"object"==typeof p&&(null==p?void 0:p.slidesToShow)&&b.push({breakpoint:bn.DESKTOP,settings:p}),"object"==typeof q&&(null==q?void 0:q.slidesToShow)&&b.push({breakpoint:bn.TABLET,settings:q}),"object"==typeof r&&(null==r?void 0:r.slidesToShow)&&b.push({breakpoint:bn.MOBILE,settings:r}),{dots:!1,arrows:k,infinite:m,slidesToShow:l,swipeToSlide:!0,variableWidth:a,adaptiveHeight:n,focusOnSelect:o,responsive:b,...j}},[j,k,m,l,a,n,o,p,q,r]),v=g.useMemo(()=>e&&a?e:e?g.Children.map(e,a=>aA.jsx("div",{children:a})):(null==h?void 0:h.length)&&i?h.map((b,c)=>a?i(b,c):aA.jsx("div",{children:i(b,c)},`${b.id}_${c}`)):void 0,[e,a,h,i]);return aA.jsx("div",{style:d,className:t,ref:c,children:aA.jsx(aY.default,{...u,children:v})})}),bo=b.default(e.Tabs)`
73
73
  .jitera-tabs-ink-bar {
74
74
  ${a=>(null==a?void 0:a.activeColor)?`background-color: ${a.activeColor}`:""}
75
75
  }
@@ -142,7 +142,7 @@
142
142
  display: flex;
143
143
  justify-content: ${a=>a.paginationPosition};
144
144
  ${a=>a.customStyle}
145
- `,aw={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},bP=({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}=aJ.useSortable({id:a.id}),q={transform:aM.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 aA.jsxs(bM,{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:[aI.flexRender(a.column.columnDef.header,a.getContext()),i?aA.jsx(M,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(h=({asc:j?aA.jsx(M,{...j}):" \u{1F53C}",desc:k?aA.jsx(M,{...k}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==h?h:null:void 0,b?aA.jsx(bG,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},bQ=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=aJ.useSortable({id:a.id}),k={transform:aM.CSS.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aA.jsxs(bL,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aA.jsx(bN,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aA.jsx(M,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aA.jsx(bN,{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:aI.flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},ax=({className:l,data:m=[],columns:n=[],actions:o=[],wrapperStyle:p,tableStyle:f,headerStyle:q,headerRowStyle:J,headerColumnStyle:K,bodyStyle:r,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N,footerStyle:s,footerRowStyle:O,footerColumnStyle:P,paginationWrapperStyle:t,isColumnResizeable:i,isHeaderVisible:u,isFooterVisible:v,isColumnSortable:Q,onColumnSortingChange:R,isRowSortable:S,onRowSortingChange:T,isDataSortable:j,ascendingIconProps:U,descendingIconProps:V,onDataSortingChange:w,isPaginationEnabled:a,paginationPosition:x,pageSize:b,totalPage:d,paginationProps:y,paginationStyle:z,onPaginationChange:A},B)=>{let[k,C]=g.useState([]),[h,D]=g.useState({pageIndex:0,pageSize:b||20}),E=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]),F=g.useMemo(()=>o.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn,enableSorting:!1})),[o]),c=aI.useReactTable({data:m,columns:[...E,...F],columnResizeMode:i?"onChange":void 0,pageCount:a?d:void 0,state:{sorting:j?k:void 0,pagination:a?h:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:aI.getCoreRowModel(),onPaginationChange:a?D:void 0,onSortingChange:j?C:void 0}),G=aK.useSensors(aK.useSensor(aK.PointerSensor),aK.useSensor(aK.MouseSensor),aK.useSensor(aK.TouchSensor),aK.useSensor(aK.KeyboardSensor,{coordinateGetter:aJ.sortableKeyboardCoordinates}));g.useEffect(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),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 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 aA.jsxs(bF,{ref:B,customStyle:p,className:l,children:[aA.jsxs(bH,{className:"j-table",customStyle:{...f,width:i?c.getCenterTotalSize():null==f?void 0:f.width},children:[u?aA.jsx(bI,{className:"j-table__thead",customStyle:q,children:c.getHeaderGroups().map(a=>aA.jsxs(bL,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:J,children:[S?aA.jsx(bM,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:K}):void 0,aA.jsx(aK.DndContext,{sensors:G,collisionDetection:aK.closestCenter,modifiers:[aL.restrictToFirstScrollableAncestor,aL.restrictToHorizontalAxis,aL.restrictToParentElement],onDragEnd:X,children:aA.jsx(aJ.SortableContext,{items:a.headers,strategy:aJ.horizontalListSortingStrategy,children:a.headers.map(a=>aA.jsx(bP,{header:a,isColumnResizeable:i,isColumnSortable:Q,isDataSortable:j,ascendingIconProps:U,descendingIconProps:V,headerColumnStyle:K},a.id))})})]},a.id))}):void 0,aA.jsx(bJ,{className:"j-table__tbody",customStyle:r,children:aA.jsx(aK.DndContext,{sensors:G,collisionDetection:aK.closestCenter,modifiers:[aL.restrictToFirstScrollableAncestor,aL.restrictToVerticalAxis,aL.restrictToParentElement],onDragEnd:I,children:aA.jsx(aJ.SortableContext,{items:c.getRowModel().rows,strategy:aJ.verticalListSortingStrategy,children:c.getRowModel().rows.map(a=>aA.jsx(bQ,{row:a,isRowSortable:S,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N},a.id))})})}),v?aA.jsx(bK,{className:"j-table__tfoot",customStyle:s,children:c.getFooterGroups().map(a=>aA.jsxs(bL,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:O,children:[S?aA.jsx(bM,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:P}):void 0,a.headers.map(a=>aA.jsx(bM,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:P,children:aI.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aA.jsx(bO,{paginationPosition:x||"left",customStyle:t,children:aA.jsx(e.Pagination,{...y,style:z,current:h.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:H})}):void 0]})},ay=a.default.forwardRef(ax),bR=b.default.div`
145
+ `,aw={borderWidth:"1px",borderColor:"#000",borderStyle:"solid"},bP=({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}=aJ.useSortable({id:a.id}),q={transform:aM.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 aA.jsxs(bM,{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:[aI.flexRender(a.column.columnDef.header,a.getContext()),i?aA.jsx(M,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(h=({asc:j?aA.jsx(M,{...j}):" \u{1F53C}",desc:k?aA.jsx(M,{...k}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==h?h:null:void 0,b?aA.jsx(bG,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},bQ=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=aJ.useSortable({id:a.id}),k={transform:aM.CSS.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aA.jsxs(bL,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?aA.jsx(bN,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:aA.jsx(M,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>aA.jsx(bN,{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:aI.flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},ax=({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:d,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,enableSorting:!1})),[o]),H=g.useMemo(()=>[...F,...G],[F,G]),c=aI.useReactTable({data:C,columns:H,columnResizeMode:i?"onChange":void 0,pageCount:a?d:void 0,state:{sorting:j?k:void 0,pagination:a?h:void 0},manualPagination:a,manualSorting:!0,getCoreRowModel:aI.getCoreRowModel(),onPaginationChange:a?E:void 0,onSortingChange:j?D:void 0}),I=aK.useSensors(aK.useSensor(aK.PointerSensor),aK.useSensor(aK.MouseSensor),aK.useSensor(aK.TouchSensor),aK.useSensor(aK.KeyboardSensor,{coordinateGetter:aJ.sortableKeyboardCoordinates}));g.useEffect(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),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 aA.jsxs(bF,{ref:B,customStyle:p,className:l,children:[aA.jsxs(bH,{className:"j-table",customStyle:{...f,width:i?c.getCenterTotalSize():null==f?void 0:f.width},children:[u?aA.jsx(bI,{className:"j-table__thead",customStyle:q,children:c.getHeaderGroups().map(a=>aA.jsxs(bL,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:L,children:[U?aA.jsx(bM,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:M}):void 0,aA.jsx(aK.DndContext,{sensors:I,collisionDetection:aK.closestCenter,modifiers:[aL.restrictToFirstScrollableAncestor,aL.restrictToHorizontalAxis,aL.restrictToParentElement],onDragEnd:Z,children:aA.jsx(aJ.SortableContext,{items:a.headers,strategy:aJ.horizontalListSortingStrategy,children:a.headers.map(a=>aA.jsx(bP,{header:a,isColumnResizeable:i,isColumnSortable:S,isDataSortable:j,ascendingIconProps:W,descendingIconProps:X,headerColumnStyle:M},a.id))})})]},a.id))}):void 0,aA.jsx(bJ,{className:"j-table__tbody",customStyle:r,children:aA.jsx(aK.DndContext,{sensors:I,collisionDetection:aK.closestCenter,modifiers:[aL.restrictToFirstScrollableAncestor,aL.restrictToVerticalAxis,aL.restrictToParentElement],onDragEnd:K,children:aA.jsx(aJ.SortableContext,{items:c.getRowModel().rows,strategy:aJ.verticalListSortingStrategy,children:c.getRowModel().rows.map(a=>aA.jsx(bQ,{row:a,isRowSortable:U,bodyRowStyle:N,bodyColumnStyle:O,sortColumnStyle:P},a.id))})})}),v?aA.jsx(bK,{className:"j-table__tfoot",customStyle:s,children:c.getFooterGroups().map(a=>aA.jsxs(bL,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:Q,children:[U?aA.jsx(bM,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:R}):void 0,a.headers.map(a=>aA.jsx(bM,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:R,children:aI.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?aA.jsx(bO,{paginationPosition:x||"left",customStyle:t,children:aA.jsx(e.Pagination,{...y,style:z,current:h.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:J})}):void 0]})},ay=a.default.forwardRef(ax),bR=b.default.div`
146
146
  .otp-cell {
147
147
  margin-right: 16px;
148
148
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jitera/jitera-web-ui-library",
3
- "version": "1.58.0",
3
+ "version": "1.60.0",
4
4
  "description": "atoms and component for web project",
5
5
  "sideEffects": [
6
6
  "*.css"