@jitera/jitera-web-ui-library 1.41.1 → 1.42.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 +3 -3
- package/dist/index.js +3 -3
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -108,7 +108,7 @@ import{jsx as av,jsxs as aw}from"react/jsx-runtime";import a,{useMemo as ax,useS
|
|
|
108
108
|
opacity: 0.5;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
.j-table__tbody-td-drag {
|
|
111
|
+
.j-table__tbody-td.j-table__tbody-td--drag {
|
|
112
112
|
cursor: row-resize;
|
|
113
113
|
}
|
|
114
114
|
`,cp=b.th`
|
|
@@ -120,7 +120,7 @@ import{jsx as av,jsxs as aw}from"react/jsx-runtime";import a,{useMemo as ax,useS
|
|
|
120
120
|
opacity: 0.5;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
-
.j-table__thead-th-drag {
|
|
123
|
+
.j-table__thead-th-drag-indicator {
|
|
124
124
|
cursor: col-resize;
|
|
125
125
|
}
|
|
126
126
|
|
|
@@ -133,7 +133,7 @@ import{jsx as av,jsxs as aw}from"react/jsx-runtime";import a,{useMemo as ax,useS
|
|
|
133
133
|
`,cr=b.div`
|
|
134
134
|
display: flex;
|
|
135
135
|
justify-content: ${a=>a.paginationPosition};
|
|
136
|
-
`,cs=({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(cp,{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,style:{...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",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)},ct=({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(co,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,style:{...d,...k},children:[c?av(cq,{isSortColumn:!0,style:{...e,...f}
|
|
136
|
+
`,cs=({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(cp,{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,style:{...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)},ct=({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(co,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,style:{...d,...k},children:[c?av(cq,{isSortColumn:!0,style:{...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(cq,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,style:{...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:i,data:j,columns:k,actions:l=[],wrapperStyle:m,tableStyle:c,headerRowStyle:C,headerColumnStyle:D,bodyRowStyle:E,bodyColumnStyle:F,sortColumnStyle:G,footerRowStyle:H,footerColumnStyle:I,isColumnResizeable:e,isHeaderVisible:n=!0,isFooterVisible:o,isColumnSortable:J,onColumnSortingChange:K,isRowSortable:L,onRowSortingChange:M,isDataSortable:f,ascendingIconProps:N,descendingIconProps:O,onDataSortingChange:p,isPaginationEnabled:b,paginationPosition:q,totalPage:g,paginationProps:r,paginationStyle:s,onPaginationChange:t},u)=>{let[h,v]=ay([]),[d,w]=ay({pageIndex:0,pageSize:10}),x=ax(()=>k.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue(),enableSorting:a.sortable})),[k]),y=ax(()=>l.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn,enableSorting:!1})),[l]),a=bk({data:j,columns:[...x,...y],columnResizeMode:e?"onChange":void 0,pageCount:g,state:{sorting:f?h:void 0,pagination:b?d:void 0},manualPagination:b,manualSorting:!0,getCoreRowModel:bl(),onPaginationChange:b?w:void 0,onSortingChange:f?v:void 0}),z=bs(bt(bu),bt(bv),bt(bw),bt(bx,{coordinateGetter:bn}));aD(()=>{p&&p(h)},[p,h]),aD(()=>{t&&t(d)},[t,d]);let A=(b,c)=>{a.setPageIndex(b-1),a.setPageSize(c)},P=({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}},B=a=>{let{currentIndex:b,newIndex:c}=P(a);M&&M(b,c)},Q=a=>{let{currentIndex:b,newIndex:c}=P(a);K&&K(b,c)};return aw(cl,{style:m,className:i,children:[aw(cn,{ref:u,className:"j-table",style:{...c,width:e?a.getCenterTotalSize():null==c?void 0:c.width},children:[n?av("thead",{className:"j-table__thead",children:a.getHeaderGroups().map(a=>aw(co,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,style:C,children:[L?av(cp,{className:"j-table__thead-th j-table__thead-th--drag",style:D}):void 0,av(by,{sensors:z,collisionDetection:bz,modifiers:[bA,bB,bC],onDragEnd:Q,children:av(bo,{items:a.headers,strategy:bp,children:a.headers.map(a=>av(cs,{header:a,isColumnResizeable:e,isColumnSortable:J,isDataSortable:f,ascendingIconProps:N,descendingIconProps:O,headerColumnStyle:D},a.id))})})]},a.id))}):void 0,av("tbody",{className:"j-table__tbody",children:av(by,{sensors:z,collisionDetection:bz,modifiers:[bA,bD,bC],onDragEnd:B,children:av(bo,{items:a.getRowModel().rows,strategy:bq,children:a.getRowModel().rows.map(a=>av(ct,{row:a,isRowSortable:L,bodyRowStyle:E,bodyColumnStyle:F,sortColumnStyle:G},a.id))})})}),o?av("tfoot",{children:a.getFooterGroups().map(a=>aw(co,{style:H,children:[L?av(cp,{className:"j-table__tfooter-th j-table__tfooter-th--drag",style:I}):void 0,a.headers.map(a=>av(cp,{className:`j-table__thead-th j-table__thead-th--${a.id}`,colSpan:a.colSpan,style:I,children:bm(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),b?av(cr,{paginationPosition:q||"right",children:av(aS,{...r,style:s,current:d.pageIndex+1,total:g,onChange:A})}):void 0]})},at=a.forwardRef(as),cu=b.div`
|
|
137
137
|
.otp-cell {
|
|
138
138
|
margin-right: 16px;
|
|
139
139
|
|
package/dist/index.js
CHANGED
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
opacity: 0.5;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
.j-table__tbody-td-drag {
|
|
111
|
+
.j-table__tbody-td.j-table__tbody-td--drag {
|
|
112
112
|
cursor: row-resize;
|
|
113
113
|
}
|
|
114
114
|
`,bI=b.default.th`
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
opacity: 0.5;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
-
.j-table__thead-th-drag {
|
|
123
|
+
.j-table__thead-th-drag-indicator {
|
|
124
124
|
cursor: col-resize;
|
|
125
125
|
}
|
|
126
126
|
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
`,bK=b.default.div`
|
|
134
134
|
display: flex;
|
|
135
135
|
justify-content: ${a=>a.paginationPosition};
|
|
136
|
-
`,bL=({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(bI,{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,style:{...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",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)},bM=({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(bH,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,style:{...d,...k},children:[c?az.jsx(bJ,{isSortColumn:!0,style:{...e,...f},...h,...g,children:az.jsx(M,{
|
|
136
|
+
`,bL=({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(bI,{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,style:{...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)},bM=({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(bH,{ref:j,className:`j-table__tbody-tr j-table__tbody-tr--${a.id} ${i?"j-table__tbody-tr--dragging":""}`,style:{...d,...k},children:[c?az.jsx(bJ,{isSortColumn:!0,style:{...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(bJ,{className:`j-table__tbody-td j-table__tbody-td--${a.id}`,style:{...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:k,data:l,columns:m,actions:n=[],wrapperStyle:o,tableStyle:c,headerRowStyle:E,headerColumnStyle:F,bodyRowStyle:G,bodyColumnStyle:H,sortColumnStyle:I,footerRowStyle:J,footerColumnStyle:K,isColumnResizeable:f,isHeaderVisible:p=!0,isFooterVisible:q,isColumnSortable:L,onColumnSortingChange:M,isRowSortable:N,onRowSortingChange:O,isDataSortable:h,ascendingIconProps:P,descendingIconProps:Q,onDataSortingChange:r,isPaginationEnabled:b,paginationPosition:s,totalPage:i,paginationProps:t,paginationStyle:u,onPaginationChange:v},w)=>{let[j,x]=g.useState([]),[d,y]=g.useState({pageIndex:0,pageSize:10}),z=g.useMemo(()=>m.map(a=>({accessorKey:a.path,header:a.name,footer:a.name,cell:a.renderColumn?a.renderColumn:a=>a.getValue(),enableSorting:a.sortable})),[m]),A=g.useMemo(()=>n.map(a=>({meta:{action:!0},header:a.name,footer:a.name,cell:a.renderColumn,enableSorting:!1})),[n]),a=aH.useReactTable({data:l,columns:[...z,...A],columnResizeMode:f?"onChange":void 0,pageCount:i,state:{sorting:h?j:void 0,pagination:b?d:void 0},manualPagination:b,manualSorting:!0,getCoreRowModel:aH.getCoreRowModel(),onPaginationChange:b?y:void 0,onSortingChange:h?x:void 0}),B=aJ.useSensors(aJ.useSensor(aJ.PointerSensor),aJ.useSensor(aJ.MouseSensor),aJ.useSensor(aJ.TouchSensor),aJ.useSensor(aJ.KeyboardSensor,{coordinateGetter:aI.sortableKeyboardCoordinates}));g.useEffect(()=>{r&&r(j)},[r,j]),g.useEffect(()=>{v&&v(d)},[v,d]);let C=(b,c)=>{a.setPageIndex(b-1),a.setPageSize(c)},R=({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}},D=a=>{let{currentIndex:b,newIndex:c}=R(a);O&&O(b,c)},S=a=>{let{currentIndex:b,newIndex:c}=R(a);M&&M(b,c)};return az.jsxs(bE,{style:o,className:k,children:[az.jsxs(bG,{ref:w,className:"j-table",style:{...c,width:f?a.getCenterTotalSize():null==c?void 0:c.width},children:[p?az.jsx("thead",{className:"j-table__thead",children:a.getHeaderGroups().map(a=>az.jsxs(bH,{className:`j-table__thead-tr j-table__thead-tr--${a.id}`,style:E,children:[N?az.jsx(bI,{className:"j-table__thead-th j-table__thead-th--drag",style:F}):void 0,az.jsx(aJ.DndContext,{sensors:B,collisionDetection:aJ.closestCenter,modifiers:[aK.restrictToFirstScrollableAncestor,aK.restrictToHorizontalAxis,aK.restrictToParentElement],onDragEnd:S,children:az.jsx(aI.SortableContext,{items:a.headers,strategy:aI.horizontalListSortingStrategy,children:a.headers.map(a=>az.jsx(bL,{header:a,isColumnResizeable:f,isColumnSortable:L,isDataSortable:h,ascendingIconProps:P,descendingIconProps:Q,headerColumnStyle:F},a.id))})})]},a.id))}):void 0,az.jsx("tbody",{className:"j-table__tbody",children:az.jsx(aJ.DndContext,{sensors:B,collisionDetection:aJ.closestCenter,modifiers:[aK.restrictToFirstScrollableAncestor,aK.restrictToVerticalAxis,aK.restrictToParentElement],onDragEnd:D,children:az.jsx(aI.SortableContext,{items:a.getRowModel().rows,strategy:aI.verticalListSortingStrategy,children:a.getRowModel().rows.map(a=>az.jsx(bM,{row:a,isRowSortable:N,bodyRowStyle:G,bodyColumnStyle:H,sortColumnStyle:I},a.id))})})}),q?az.jsx("tfoot",{children:a.getFooterGroups().map(a=>az.jsxs(bH,{style:J,children:[N?az.jsx(bI,{className:"j-table__tfooter-th j-table__tfooter-th--drag",style:K}):void 0,a.headers.map(a=>az.jsx(bI,{className:`j-table__thead-th j-table__thead-th--${a.id}`,colSpan:a.colSpan,style:K,children:aH.flexRender(a.column.columnDef.footer,a.getContext())},a.id))]},a.id))}):void 0]}),b?az.jsx(bK,{paginationPosition:s||"right",children:az.jsx(e.Pagination,{...t,style:u,current:d.pageIndex+1,total:i,onChange:C})}):void 0]})},ax=a.default.forwardRef(aw),bN=b.default.div`
|
|
137
137
|
.otp-cell {
|
|
138
138
|
margin-right: 16px;
|
|
139
139
|
|