@secondstaxorg/sscomp 1.8.49 → 1.8.51
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.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +38 -16
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -25513,43 +25513,65 @@ const TablePrimary = (props) => {
|
|
|
25513
25513
|
const {thead,children,tbody,clickedRow,showPagination,itemsPerPage,paginatedItems} = props;
|
|
25514
25514
|
const [tbodyItems,setTbodyItems] = React$1.useState([]);
|
|
25515
25515
|
const [tbodyOri,setTbodyOri] = React$1.useState(tbody);
|
|
25516
|
+
const [sortedCol,setSortedCol] = React$1.useState('');
|
|
25516
25517
|
|
|
25517
25518
|
function sortByColumn(column){
|
|
25518
|
-
if (
|
|
25519
|
-
|
|
25520
|
-
|
|
25521
|
-
|
|
25519
|
+
if (column === sortedCol){
|
|
25520
|
+
if (tbody && tbody.length > 0){
|
|
25521
|
+
const sortedItems = [...tbody];
|
|
25522
|
+
sortedItems.sort((a,b) => a[column].localeCompare(b[column]));
|
|
25523
|
+
let revSort = sortedItems.reverse();
|
|
25524
|
+
setTbodyItems(revSort);
|
|
25525
|
+
setSortedCol('');
|
|
25526
|
+
}
|
|
25527
|
+
|
|
25528
|
+
return
|
|
25529
|
+
}else if(column !== sortedCol){
|
|
25530
|
+
setSortedCol(column);
|
|
25531
|
+
if (tbody && tbody.length > 0){
|
|
25532
|
+
const sortedItems = [...tbody];
|
|
25533
|
+
sortedItems.sort((a,b) => a[column].localeCompare(b[column]));
|
|
25534
|
+
setTbodyItems(sortedItems);
|
|
25535
|
+
}
|
|
25536
|
+
|
|
25537
|
+
return
|
|
25522
25538
|
}
|
|
25523
25539
|
}
|
|
25524
25540
|
|
|
25541
|
+
React$1.useEffect(()=>{
|
|
25542
|
+
if (!showPagination){
|
|
25543
|
+
setTbodyItems(tbody );
|
|
25544
|
+
}
|
|
25545
|
+
},[showPagination]);
|
|
25546
|
+
|
|
25525
25547
|
return (
|
|
25526
25548
|
React$1.createElement(React$1.Fragment, null
|
|
25527
|
-
, React$1.createElement(TableContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25528
|
-
, React$1.createElement(Table, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25529
|
-
, React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25530
|
-
, React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25549
|
+
, React$1.createElement(TableContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 46}}
|
|
25550
|
+
, React$1.createElement(Table, {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 47}}
|
|
25551
|
+
, React$1.createElement('thead', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 48}}
|
|
25552
|
+
, React$1.createElement('tr', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 49}}
|
|
25531
25553
|
, thead.map((item,index) => (
|
|
25532
25554
|
React$1.createElement('th', { key: index, onClick: ()=>{
|
|
25533
25555
|
sortByColumn(item.dataKey);
|
|
25534
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25556
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 51}}, item.label)
|
|
25535
25557
|
))
|
|
25536
25558
|
)
|
|
25537
25559
|
)
|
|
25538
|
-
, React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25560
|
+
, React$1.createElement('tbody', { className: "rounded-row", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 57}}
|
|
25539
25561
|
, children
|
|
25540
25562
|
, !children && tbodyItems && tbodyItems.map((item,index) => (
|
|
25541
25563
|
React$1.createElement('tr', { key: index, className: clickedRow && 'clickable', onClick: ()=>{
|
|
25542
25564
|
if (clickedRow) {
|
|
25543
25565
|
clickedRow(item);
|
|
25544
|
-
}}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25566
|
+
}}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 60}}
|
|
25545
25567
|
, thead.map((cellItem,index) => (
|
|
25546
|
-
React$1.createElement('td', { key: index, className: (index == thead.length - 1 && clickedRow) ? 'with-arrow' : '', __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25547
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25568
|
+
React$1.createElement('td', { key: index, className: (index == thead.length - 1 && clickedRow) ? 'with-arrow' : '', __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 65}}
|
|
25569
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 66}}
|
|
25548
25570
|
, item[cellItem.dataKey]
|
|
25549
25571
|
)
|
|
25550
25572
|
, (index == thead.length - 1 && clickedRow) &&
|
|
25551
|
-
React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25552
|
-
, React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25573
|
+
React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 70}}
|
|
25574
|
+
, React$1.createElement('path', { d: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z" , fill: "#A4BBDD", __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 71}})
|
|
25553
25575
|
)
|
|
25554
25576
|
|
|
25555
25577
|
)
|
|
@@ -25563,7 +25585,7 @@ const TablePrimary = (props) => {
|
|
|
25563
25585
|
React$1.createElement(Pagination, { itemsPerPage: itemsPerPage, items: tbodyOri, paginatedItems: (arr)=>{
|
|
25564
25586
|
setTbodyItems(arr);
|
|
25565
25587
|
paginatedItems(arr);
|
|
25566
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber:
|
|
25588
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$b, lineNumber: 82}})
|
|
25567
25589
|
|
|
25568
25590
|
)
|
|
25569
25591
|
)
|