@jitera/jitera-web-ui-library 1.46.4 → 1.47.1

package/dist/index.d.ts

@@ -440,7 +440,7 @@ interface TableProps<DataModel extends RowData> {
   isPaginationEnabled?: boolean
   paginationPosition?: PaginationPositionType
   pageSize?: number
-  totalData?: number
+  totalPage?: number
   paginationProps?: Omit<
     PaginationProps,
     'current' | 'total' | 'pageSize' | 'defaultPageSize' | 'onChange' | 'style'
@@ -500,7 +500,7 @@ declare const TableInner: <DataModel>(
     isPaginationEnabled,
     paginationPosition,
     pageSize,
-    totalData,
+    totalPage,
     paginationProps,
     paginationStyle,
     onPaginationChange

package/dist/index.esm.js

@@ -23,7 +23,7 @@ import{jsx as av,jsxs as aw}from"react/jsx-runtime";import a,{useMemo as ax,useS
   ${a=>`min-height: ${a.minHeight};`}
   background-color: #fff;
   ${a=>a.isPreview?"position: relative":void 0}
-`,Z=a.forwardRef(({...b},c)=>{let{children:d,isPreview:a,responsiveVisibility:e,className:f,...g}=b,h=a?"100%":"100vh",{classNames:i}=bG({className:f,responsiveVisibility:e});return av(bU,{className:aF(a?"preview-page":void 0,i),minHeight:h,isPreview:a,...g,ref:c,children:d})}),$=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bG({className:e,responsiveVisibility:d});return av(aJ,{...f,className:g,ref:b,children:c})}),_=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bG({className:e,responsiveVisibility:d});return av(a0,{...f,className:g,prefixCls:"jitera-layout-sider",ref:b,children:c})}),aa=a.forwardRef((a,b)=>{let{isPreview:c,responsiveVisibility:d,className:e,styles:f,data:g,placeholderStyle:h,containerStyle:i,dropdownStyle:j,optionStyle:k,iconProps:l,onChange:q,...m}=a,n=ax(()=>{let a=f||{};return h&&(a.placeholder=a=>({...a,...h})),i&&(a.control=a=>({...a,...i})),j&&(a.menu=a=>({...a,...j})),k&&(a.option=a=>({...a,...k})),a},[f,h,i,j,k]),o=ax(()=>{if(l)return{DropdownIndicator:a=>av(a2.DropdownIndicator,{...a,children:av(G,{...l})})}},[l]),{classNames:p}=bG({className:e,responsiveVisibility:d});return av(a1,{className:p,components:o,isDisabled:c,styles:n,options:g,onChange(a,b){q&&q(a.value,b)},...m,ref:b})}),bV="mc6f30f899_inner";var bW={inner:"mc6f30f899_inner"};let ab=a.forwardRef((a,b)=>{let{style:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bG({className:e,responsiveVisibility:d});return av("div",{style:c,className:g,ref:b,children:av(aK,{className:bW.inner,...f})})});function bX(a){return"string"==typeof a&&["wrap","wrap-reverse"].includes(a)|| !0===a}let bY=b.div`
+`,Z=a.forwardRef(({...b},c)=>{let{children:d,isPreview:a,responsiveVisibility:e,className:f,...g}=b,h=a?"100%":"100vh",{classNames:i}=bG({className:f,responsiveVisibility:e});return av(bU,{className:aF(a?"preview-page":void 0,i),minHeight:h,isPreview:a,...g,ref:c,children:d})}),$=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bG({className:e,responsiveVisibility:d});return av(aJ,{...f,className:g,ref:b,children:c})}),_=a.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bG({className:e,responsiveVisibility:d});return av(a0,{...f,className:g,prefixCls:"jitera-layout-sider",ref:b,children:c})}),aa=a.forwardRef((a,b)=>{let{isPreview:c,responsiveVisibility:d,className:e,styles:f,data:g,placeholderStyle:h,containerStyle:i,dropdownStyle:j,optionStyle:k,iconProps:l,...m}=a,n=ax(()=>{let a=f||{};return h&&(a.placeholder=a=>({...a,...h})),i&&(a.control=a=>({...a,...i})),j&&(a.menu=a=>({...a,...j})),k&&(a.option=a=>({...a,...k})),a},[f,h,i,j,k]),o=ax(()=>{if(l)return{DropdownIndicator:a=>av(a2.DropdownIndicator,{...a,children:av(G,{...l})})}},[l]),{classNames:p}=bG({className:e,responsiveVisibility:d});return av(a1,{className:p,components:o,isDisabled:c,styles:n,options:g,...m,ref:b})}),bV="mc6f30f899_inner";var bW={inner:"mc6f30f899_inner"};let ab=a.forwardRef((a,b)=>{let{style:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=bG({className:e,responsiveVisibility:d});return av("div",{style:c,className:g,ref:b,children:av(aK,{className:bW.inner,...f})})});function bX(a){return"string"==typeof a&&["wrap","wrap-reverse"].includes(a)|| !0===a}let bY=b.div`
   .jitera-radio-inner {
     border-color: ${a=>a.inactiveColor||a.theme.primaryColor};
   }
@@ -145,7 +145,7 @@ import{jsx as av,jsxs as aw}from"react/jsx-runtime";import a,{useMemo as ax,useS
   display: flex;
   justify-content: ${a=>a.paginationPosition};
   ${a=>a.customStyle}
-`,cv=({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}=br({id:a.id}),p={transform:bE.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},h=ax(()=>{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 aw(cs,{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:[bm(a.column.columnDef.header,a.getContext()),h?av(G,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(g=({asc:i?av(G,{...i}):" \u{1F53C}",desc:j?av(G,{...j}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==g?g:null:void 0,b?av(cm,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},cw=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=br({id:a.id}),k={transform:bE.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aw(cr,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?av(ct,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:av(G,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>av(ct,{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:bm(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},as=({className:j,data:k,columns:l,actions:m=[],wrapperStyle:n,tableStyle:d,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=!0,isFooterVisible:t,isColumnSortable:O,onColumnSortingChange:P,isRowSortable:Q,onRowSortingChange:R,isDataSortable:h,ascendingIconProps:S,descendingIconProps:T,onDataSortingChange:u,isPaginationEnabled:b,paginationPosition:v,pageSize:c,totalData:e,paginationProps:w,paginationStyle:x,onPaginationChange:y},z)=>{let[i,A]=ay([]),[f,B]=ay({pageIndex:0,pageSize:c||20}),C=ax(()=>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=ax(()=>m.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn,enableSorting:!1})),[m]),a=bk({data:k,columns:[...C,...D],columnResizeMode:g?"onChange":void 0,pageCount:Number.isInteger(e)&&Number.isInteger(c)?Math.ceil(e/c):-1,state:{sorting:h?i:void 0,pagination:b?f:void 0},manualPagination:b,manualSorting:!0,getCoreRowModel:bl(),onPaginationChange:b?B:void 0,onSortingChange:h?A:void 0}),E=bs(bt(bu),bt(bv),bt(bw),bt(bx,{coordinateGetter:bn}));aD(()=>{u&&u(i)},[u,i]),aD(()=>{y&&y(f)},[y,f]);let F=(b,c)=>{a.setPageIndex(b-1),a.setPageSize(c)},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)},V=a=>{let{currentIndex:b,newIndex:c}=U(a);P&&P(b,c)};return aw(cl,{customStyle:n,className:j,children:[aw(cn,{ref:z,className:"j-table",customStyle:{...d,width:g?a.getCenterTotalSize():null==d?void 0:d.width},children:[s?av(co,{className:"j-table__thead",customStyle:o,children:a.getHeaderGroups().map(a=>aw(cr,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:H,children:[Q?av(cs,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:I}):void 0,av(by,{sensors:E,collisionDetection:bz,modifiers:[bA,bB,bC],onDragEnd:V,children:av(bo,{items:a.headers,strategy:bp,children:a.headers.map(a=>av(cv,{header:a,isColumnResizeable:g,isColumnSortable:O,isDataSortable:h,ascendingIconProps:S,descendingIconProps:T,headerColumnStyle:I},a.id))})})]},a.id))}):void 0,av(cp,{className:"j-table__tbody",customStyle:p,children:av(by,{sensors:E,collisionDetection:bz,modifiers:[bA,bD,bC],onDragEnd:G,children:av(bo,{items:a.getRowModel().rows,strategy:bq,children:a.getRowModel().rows.map(a=>av(cw,{row:a,isRowSortable:Q,bodyRowStyle:J,bodyColumnStyle:K,sortColumnStyle:L},a.id))})})}),t?av(cq,{className:"j-table__tfoot",customStyle:q,children:a.getFooterGroups().map(a=>aw(cr,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:M,children:[Q?av(cs,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:N}):void 0,a.headers.map(a=>av(cs,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:N,children:bm(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),b?av(cu,{paginationPosition:v||"left",customStyle:r,children:av(aS,{...w,style:x,current:f.pageIndex+1,pageSize:c,total:e,onChange:F})}):void 0]})},at=a.forwardRef(as),cx=b.div`
+`,cv=({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}=br({id:a.id}),p={transform:bE.Transform.toString({x:(null==c?void 0:c.x)||0,y:(null==c?void 0:c.y)||0,scaleX:1,scaleY:1})},h=ax(()=>{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 aw(cs,{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:[bm(a.column.columnDef.header,a.getContext()),h?av(G,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(g=({asc:i?av(G,{...i}):" \u{1F53C}",desc:j?av(G,{...j}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==g?g:null:void 0,b?av(cm,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},cw=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=br({id:a.id}),k={transform:bE.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return aw(cr,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?av(ct,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:av(G,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>av(ct,{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:bm(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},as=({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=!0,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]=ay([]),[f,B]=ay({pageIndex:0,pageSize:b||20}),C=ax(()=>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=ax(()=>m.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn,enableSorting:!1})),[m]),c=bk({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:bl(),onPaginationChange:a?B:void 0,onSortingChange:h?A:void 0}),E=bs(bt(bu),bt(bv),bt(bw),bt(bx,{coordinateGetter:bn}));aD(()=>{if(a&&!(Number.isInteger(b)&&Number.isInteger(d)))throw Error("`pageSize` and `totalPage` should be required if pagination enabled")},[a,b,d]),aD(()=>{u&&u(i)},[u,i]),aD(()=>{y&&y(f)},[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)},V=a=>{let{currentIndex:b,newIndex:c}=U(a);P&&P(b,c)};return aw(cl,{customStyle:n,className:j,children:[aw(cn,{ref:z,className:"j-table",customStyle:{...e,width:g?c.getCenterTotalSize():null==e?void 0:e.width},children:[s?av(co,{className:"j-table__thead",customStyle:o,children:c.getHeaderGroups().map(a=>aw(cr,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:H,children:[Q?av(cs,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:I}):void 0,av(by,{sensors:E,collisionDetection:bz,modifiers:[bA,bB,bC],onDragEnd:V,children:av(bo,{items:a.headers,strategy:bp,children:a.headers.map(a=>av(cv,{header:a,isColumnResizeable:g,isColumnSortable:O,isDataSortable:h,ascendingIconProps:S,descendingIconProps:T,headerColumnStyle:I},a.id))})})]},a.id))}):void 0,av(cp,{className:"j-table__tbody",customStyle:p,children:av(by,{sensors:E,collisionDetection:bz,modifiers:[bA,bD,bC],onDragEnd:G,children:av(bo,{items:c.getRowModel().rows,strategy:bq,children:c.getRowModel().rows.map(a=>av(cw,{row:a,isRowSortable:Q,bodyRowStyle:J,bodyColumnStyle:K,sortColumnStyle:L},a.id))})})}),t?av(cq,{className:"j-table__tfoot",customStyle:q,children:c.getFooterGroups().map(a=>aw(cr,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:M,children:[Q?av(cs,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:N}):void 0,a.headers.map(a=>av(cs,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:N,children:bm(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?av(cu,{paginationPosition:v||"left",customStyle:r,children:av(aS,{...w,style:x,current:f.pageIndex+1,pageSize:b,total:Number.isInteger(b)&&Number.isInteger(d)?b*d:void 0,onChange:F})}):void 0]})},at=a.forwardRef(as),cx=b.div`
   .otp-cell {
     margin-right: 16px;
 

package/dist/index.js

@@ -23,7 +23,7 @@
   ${a=>`min-height: ${a.minHeight};`}
   background-color: #fff;
   ${a=>a.isPreview?"position: relative":void 0}
-`,ab=a.default.forwardRef(({...b},c)=>{let{children:d,isPreview:a,responsiveVisibility:e,className:f,...g}=b,h=a?"100%":"100vh",{classNames:i}=aZ({className:f,responsiveVisibility:e});return az.jsx(bb,{className:aM.default(a?"preview-page":void 0,i),minHeight:h,isPreview:a,...g,ref:c,children:d})}),ac=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:f,...g}=a,{classNames:h}=aZ({className:f,responsiveVisibility:d});return az.jsx(e.Row,{...g,className:h,ref:b,children:c})}),ad=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=aZ({className:e,responsiveVisibility:d});return az.jsx(aU.default,{...f,className:g,prefixCls:"jitera-layout-sider",ref:b,children:c})}),ae=a.default.forwardRef((a,b)=>{let{isPreview:c,responsiveVisibility:d,className:e,styles:f,data:h,placeholderStyle:i,containerStyle:j,dropdownStyle:k,optionStyle:l,iconProps:m,onChange:r,...n}=a,o=g.useMemo(()=>{let a=f||{};return i&&(a.placeholder=a=>({...a,...i})),j&&(a.control=a=>({...a,...j})),k&&(a.menu=a=>({...a,...k})),l&&(a.option=a=>({...a,...l})),a},[f,i,j,k,l]),p=g.useMemo(()=>{if(m)return{DropdownIndicator:a=>az.jsx(w.components.DropdownIndicator,{...a,children:az.jsx(M,{...m})})}},[m]),{classNames:q}=aZ({className:e,responsiveVisibility:d});return az.jsx(aV.default,{className:q,components:p,isDisabled:c,styles:o,options:h,onChange(a,b){r&&r(a.value,b)},...n,ref:b})}),bc="mc6f30f899_inner";var bd={inner:"mc6f30f899_inner"};const af=a.default.forwardRef((a,b)=>{let{style:c,responsiveVisibility:d,className:f,...g}=a,{classNames:h}=aZ({className:f,responsiveVisibility:d});return az.jsx("div",{style:c,className:h,ref:b,children:az.jsx(e.List,{className:bd.inner,...g})})});function be(a){return"string"==typeof a&&["wrap","wrap-reverse"].includes(a)|| !0===a}const bf=b.default.div`
+`,ab=a.default.forwardRef(({...b},c)=>{let{children:d,isPreview:a,responsiveVisibility:e,className:f,...g}=b,h=a?"100%":"100vh",{classNames:i}=aZ({className:f,responsiveVisibility:e});return az.jsx(bb,{className:aM.default(a?"preview-page":void 0,i),minHeight:h,isPreview:a,...g,ref:c,children:d})}),ac=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:f,...g}=a,{classNames:h}=aZ({className:f,responsiveVisibility:d});return az.jsx(e.Row,{...g,className:h,ref:b,children:c})}),ad=a.default.forwardRef((a,b)=>{let{children:c,responsiveVisibility:d,className:e,...f}=a,{classNames:g}=aZ({className:e,responsiveVisibility:d});return az.jsx(aU.default,{...f,className:g,prefixCls:"jitera-layout-sider",ref:b,children:c})}),ae=a.default.forwardRef((a,b)=>{let{isPreview:c,responsiveVisibility:d,className:e,styles:f,data:h,placeholderStyle:i,containerStyle:j,dropdownStyle:k,optionStyle:l,iconProps:m,...n}=a,o=g.useMemo(()=>{let a=f||{};return i&&(a.placeholder=a=>({...a,...i})),j&&(a.control=a=>({...a,...j})),k&&(a.menu=a=>({...a,...k})),l&&(a.option=a=>({...a,...l})),a},[f,i,j,k,l]),p=g.useMemo(()=>{if(m)return{DropdownIndicator:a=>az.jsx(w.components.DropdownIndicator,{...a,children:az.jsx(M,{...m})})}},[m]),{classNames:q}=aZ({className:e,responsiveVisibility:d});return az.jsx(aV.default,{className:q,components:p,isDisabled:c,styles:o,options:h,...n,ref:b})}),bc="mc6f30f899_inner";var bd={inner:"mc6f30f899_inner"};const af=a.default.forwardRef((a,b)=>{let{style:c,responsiveVisibility:d,className:f,...g}=a,{classNames:h}=aZ({className:f,responsiveVisibility:d});return az.jsx("div",{style:c,className:h,ref:b,children:az.jsx(e.List,{className:bd.inner,...g})})});function be(a){return"string"==typeof a&&["wrap","wrap-reverse"].includes(a)|| !0===a}const bf=b.default.div`
   .jitera-radio-inner {
     border-color: ${a=>a.inactiveColor||a.theme.primaryColor};
   }
@@ -145,7 +145,7 @@
   display: flex;
   justify-content: ${a=>a.paginationPosition};
   ${a=>a.customStyle}
-`,bO=({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}=aI.useSortable({id:a.id}),q={transform:aL.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 az.jsxs(bL,{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:[aH.flexRender(a.column.columnDef.header,a.getContext()),i?az.jsx(M,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(h=({asc:j?az.jsx(M,{...j}):" \u{1F53C}",desc:k?az.jsx(M,{...k}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==h?h:null:void 0,b?az.jsx(bF,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},bP=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=aI.useSortable({id:a.id}),k={transform:aL.CSS.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return az.jsxs(bK,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?az.jsx(bM,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:az.jsx(M,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>az.jsx(bM,{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:aH.flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aw=({className:l,data:m,columns:n,actions:o=[],wrapperStyle:p,tableStyle:d,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=!0,isFooterVisible:v,isColumnSortable:Q,onColumnSortingChange:R,isRowSortable:S,onRowSortingChange:T,isDataSortable:j,ascendingIconProps:U,descendingIconProps:V,onDataSortingChange:w,isPaginationEnabled:b,paginationPosition:x,pageSize:c,totalData:f,paginationProps:y,paginationStyle:z,onPaginationChange:A},B)=>{let[k,C]=g.useState([]),[h,D]=g.useState({pageIndex:0,pageSize:c||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]),a=aH.useReactTable({data:m,columns:[...E,...F],columnResizeMode:i?"onChange":void 0,pageCount:Number.isInteger(f)&&Number.isInteger(c)?Math.ceil(f/c):-1,state:{sorting:j?k:void 0,pagination:b?h:void 0},manualPagination:b,manualSorting:!0,getCoreRowModel:aH.getCoreRowModel(),onPaginationChange:b?D:void 0,onSortingChange:j?C:void 0}),G=aJ.useSensors(aJ.useSensor(aJ.PointerSensor),aJ.useSensor(aJ.MouseSensor),aJ.useSensor(aJ.TouchSensor),aJ.useSensor(aJ.KeyboardSensor,{coordinateGetter:aI.sortableKeyboardCoordinates}));g.useEffect(()=>{w&&w(k)},[w,k]),g.useEffect(()=>{A&&A(h)},[A,h]);let H=(b,c)=>{a.setPageIndex(b-1),a.setPageSize(c)},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)},X=a=>{let{currentIndex:b,newIndex:c}=W(a);R&&R(b,c)};return az.jsxs(bE,{customStyle:p,className:l,children:[az.jsxs(bG,{ref:B,className:"j-table",customStyle:{...d,width:i?a.getCenterTotalSize():null==d?void 0:d.width},children:[u?az.jsx(bH,{className:"j-table__thead",customStyle:q,children:a.getHeaderGroups().map(a=>az.jsxs(bK,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:J,children:[S?az.jsx(bL,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:K}):void 0,az.jsx(aJ.DndContext,{sensors:G,collisionDetection:aJ.closestCenter,modifiers:[aK.restrictToFirstScrollableAncestor,aK.restrictToHorizontalAxis,aK.restrictToParentElement],onDragEnd:X,children:az.jsx(aI.SortableContext,{items:a.headers,strategy:aI.horizontalListSortingStrategy,children:a.headers.map(a=>az.jsx(bO,{header:a,isColumnResizeable:i,isColumnSortable:Q,isDataSortable:j,ascendingIconProps:U,descendingIconProps:V,headerColumnStyle:K},a.id))})})]},a.id))}):void 0,az.jsx(bI,{className:"j-table__tbody",customStyle:r,children:az.jsx(aJ.DndContext,{sensors:G,collisionDetection:aJ.closestCenter,modifiers:[aK.restrictToFirstScrollableAncestor,aK.restrictToVerticalAxis,aK.restrictToParentElement],onDragEnd:I,children:az.jsx(aI.SortableContext,{items:a.getRowModel().rows,strategy:aI.verticalListSortingStrategy,children:a.getRowModel().rows.map(a=>az.jsx(bP,{row:a,isRowSortable:S,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N},a.id))})})}),v?az.jsx(bJ,{className:"j-table__tfoot",customStyle:s,children:a.getFooterGroups().map(a=>az.jsxs(bK,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:O,children:[S?az.jsx(bL,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:P}):void 0,a.headers.map(a=>az.jsx(bL,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:P,children:aH.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),b?az.jsx(bN,{paginationPosition:x||"left",customStyle:t,children:az.jsx(e.Pagination,{...y,style:z,current:h.pageIndex+1,pageSize:c,total:f,onChange:H})}):void 0]})},ax=a.default.forwardRef(aw),bQ=b.default.div`
+`,bO=({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}=aI.useSortable({id:a.id}),q={transform:aL.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 az.jsxs(bL,{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:[aH.flexRender(a.column.columnDef.header,a.getContext()),i?az.jsx(M,{className:"j-table__thead-th-drag-indicator",iconName:"MdDragIndicator"}):void 0,d?null!==(h=({asc:j?az.jsx(M,{...j}):" \u{1F53C}",desc:k?az.jsx(M,{...k}):" \u{1F53D}"})[a.column.getIsSorted()])&& void 0!==h?h:null:void 0,b?az.jsx(bF,{className:"j-table__resizer",isResizing:a.column.getIsResizing(),onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler()}):void 0]},a.id)},bP=({row:a,isRowSortable:c,isColumnResizeable:l,bodyRowStyle:d,bodyColumnStyle:e,sortColumnStyle:f})=>{let{attributes:g,listeners:h,transform:b,isDragging:i,setNodeRef:j}=aI.useSortable({id:a.id}),k={transform:aL.CSS.Transform.toString({x:(null==b?void 0:b.x)||0,y:(null==b?void 0:b.y)||0,scaleX:1,scaleY:1})};return az.jsxs(bK,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,customStyle:{...d,...k},children:[c?az.jsx(bM,{isSortColumn:!0,customStyle:{...e,...f},className:"j-table__tbody-td j-table__tbody-td--drag",...h,...g,children:az.jsx(M,{iconName:"MdDragIndicator"})}):void 0,a.getVisibleCells().map(a=>az.jsx(bM,{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:aH.flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},a.id)},aw=({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=!0,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=aH.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:aH.getCoreRowModel(),onPaginationChange:a?D:void 0,onSortingChange:j?C:void 0}),G=aJ.useSensors(aJ.useSensor(aJ.PointerSensor),aJ.useSensor(aJ.MouseSensor),aJ.useSensor(aJ.TouchSensor),aJ.useSensor(aJ.KeyboardSensor,{coordinateGetter:aI.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(()=>{w&&w(k)},[w,k]),g.useEffect(()=>{A&&A(h)},[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)},X=a=>{let{currentIndex:b,newIndex:c}=W(a);R&&R(b,c)};return az.jsxs(bE,{customStyle:p,className:l,children:[az.jsxs(bG,{ref:B,className:"j-table",customStyle:{...f,width:i?c.getCenterTotalSize():null==f?void 0:f.width},children:[u?az.jsx(bH,{className:"j-table__thead",customStyle:q,children:c.getHeaderGroups().map(a=>az.jsxs(bK,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,customStyle:J,children:[S?az.jsx(bL,{className:"j-table__thead-th j-table__thead-th--drag",customStyle:K}):void 0,az.jsx(aJ.DndContext,{sensors:G,collisionDetection:aJ.closestCenter,modifiers:[aK.restrictToFirstScrollableAncestor,aK.restrictToHorizontalAxis,aK.restrictToParentElement],onDragEnd:X,children:az.jsx(aI.SortableContext,{items:a.headers,strategy:aI.horizontalListSortingStrategy,children:a.headers.map(a=>az.jsx(bO,{header:a,isColumnResizeable:i,isColumnSortable:Q,isDataSortable:j,ascendingIconProps:U,descendingIconProps:V,headerColumnStyle:K},a.id))})})]},a.id))}):void 0,az.jsx(bI,{className:"j-table__tbody",customStyle:r,children:az.jsx(aJ.DndContext,{sensors:G,collisionDetection:aJ.closestCenter,modifiers:[aK.restrictToFirstScrollableAncestor,aK.restrictToVerticalAxis,aK.restrictToParentElement],onDragEnd:I,children:az.jsx(aI.SortableContext,{items:c.getRowModel().rows,strategy:aI.verticalListSortingStrategy,children:c.getRowModel().rows.map(a=>az.jsx(bP,{row:a,isRowSortable:S,bodyRowStyle:L,bodyColumnStyle:M,sortColumnStyle:N},a.id))})})}),v?az.jsx(bJ,{className:"j-table__tfoot",customStyle:s,children:c.getFooterGroups().map(a=>az.jsxs(bK,{className:`j-table__tfoot-tr j-table__tfoot-tr--${a.id}`,style:O,children:[S?az.jsx(bL,{className:"j-table__tfooter-th j-table__tfooter-th--drag",customStyle:P}):void 0,a.headers.map(a=>az.jsx(bL,{className:`j-table__tfoot-th j-table__tfoot-th--${a.id}`,colSpan:a.colSpan,customStyle:P,children:aH.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),a?az.jsx(bN,{paginationPosition:x||"left",customStyle:t,children:az.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]})},ax=a.default.forwardRef(aw),bQ=b.default.div`
   .otp-cell {
     margin-right: 16px;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jitera/jitera-web-ui-library",
-  "version": "1.46.4",
+  "version": "1.47.1",
   "description": "atoms and component for web project",
   "sideEffects": [
     "*.css"
@@ -127,7 +127,6 @@
     "check-types": "tsc --noemit",
     "lint": "eslint \"src/**/*.@(js|jsx|ts|tsx)\" --fix",
     "prepare": "husky install",
-    "prepublish": "yarn build",
     "build": "yarn build:lib",
     "build:lib": "yarn build:lib:before && yarn build:lib:main && yarn build:lib:dts && yarn build:lib:style && yarn build:lib:after",
     "build:lib:main": "./node_modules/.bin/rollup -c",